JQuery

1个成员

jQuery setTimeout()函数使用方法

发表于 2016-12-31 2578 次查看
setTimeout在以前的js中是定时执行一个对象或函数,下面我来介绍jquery中的setTimeout函数使用方法有需要了解的朋友仔细的参考参考。

setTimeout()

从载入后延迟指定的时间去执行一个表达式或者是函数;

仅执行一次 ;和window.clearTimeout一起使用.

我在

 代码如下 复制代码

$(document).ready(function(){


setTimout(test(),200);
function test()
{
alert(1);
}
});  

只会执行一次,有朋友说可以使用

 代码如下 复制代码

setInterval ("showTime()", 5000);

function showTime()

{

    var today = new Date();

    alert("The time is: " + today.toString ());

}

但我调用下面方法也可以和setInterval一样哦

 代码如下 复制代码

<div id="div_debug"></div>
<script language="JavaScript">
//显示
function log(s){
    $('#div_debug').append(s+'<br>');
}

//以下是 setTimeout 在 jQuery 中的用法
function funA(){
    log('funA...');
    setTimeout('funA()', 1000);
}

jQuery(document).ready(function($){
    //用法1 : 把要调用的函数写在ready外面,使它成为全局函数
    funA();

    //用法2 : 直接写函数名,不能带括号也不能带引号,适合没有参数的函数
    function funB(){
        log('funB...');
        setTimeout(funB, 1000);
    }
    funB();

    //用法3 : 通过调用匿名函数来执行,适合有带参数的函数
    function funC(v){
        log('funC...'+v);
        setTimeout(function(){funC(v+1)}, 1000);
    }
    funC(1);

    //用法4 : 通过在jQuery命名空间上增加函数,调用起来更方便
    $.extend({
        funD:function(v){
            log('funD...'+v);
            setTimeout("$.funD("+(v+1)+")",1000);
        }
    });
    $.funD(101);
});
</script>

发表回复
你还没有登录,请先登录注册