快捷導(dǎo)航

jQuery setTimeout()函數(shù)使用方法

更新時(shí)間：2013年04月07日 23:09:15 作者：

setTimeout在以前的js中是定時(shí)執(zhí)行一個(gè)對(duì)象或函數(shù)，下面我來(lái)介紹jquery中的setTimeout函數(shù)使用方法有需要了解的朋友仔細(xì)的參考參考

setTimeout()
從載入后延遲指定的時(shí)間去執(zhí)行一個(gè)表達(dá)式或者是函數(shù);
僅執(zhí)行一次 ;和window.clearTimeout一起使用.

我在

$(document).ready(function(){
setTimout(test(),200); 
function test() 
{ 
alert(1); 
} 
}); 

只會(huì)執(zhí)行一次，有朋友說(shuō)可以使用

復(fù)制代碼代碼如下:

setInterval ("showTime()", 5000);
function showTime()
{
    var today = new Date();
    alert("The time is: " + today.toString ());
}

但我調(diào)用下面方法也可以和setInterval一樣哦

復(fù)制代碼代碼如下:

<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 : 把要調(diào)用的函數(shù)寫(xiě)在ready外面,使它成為全局函數(shù)
    funA();
    //用法2 : 直接寫(xiě)函數(shù)名,不能帶括號(hào)也不能帶引號(hào),適合沒(méi)有參數(shù)的函數(shù)
    function funB(){
        log('funB...');
        setTimeout(funB, 1000);
    }
    funB();
    //用法3 : 通過(guò)調(diào)用匿名函數(shù)來(lái)執(zhí)行,適合有帶參數(shù)的函數(shù)
    function funC(v){
        log('funC...'+v);
        setTimeout(function(){funC(v+1)}, 1000);
    }
    funC(1);
    //用法4 : 通過(guò)在jQuery命名空間上增加函數(shù),調(diào)用起來(lái)更方便
    $.extend({
        funD:function(v){
            log('funD...'+v);
            setTimeout("$.funD("+(v+1)+")",1000);
        }
    });
    $.funD(101);
});
</script>

jQuery中setTimeout的幾種使用方法

jQuery 中 setTimeout/setInterval 不能像在原生態(tài) javascript 中那樣使用, 否則會(huì)報(bào)錯(cuò).

我們通過(guò)例子來(lái)說(shuō)明一下jQuery中setTimeout的幾種使用方法, 首先準(zhǔn)備好測(cè)試用的DIV和公共函數(shù):

復(fù)制代碼代碼如下:

 
<div id="div_debug"></div> 
<script src="http://www.studyday.net/demo/jquery.js"></script> 
<script language="JavaScript"> 
functionlog(s){ 
$('#div_debug').append(s+'<br>'); 
} 

//下文中測(cè)試用的代碼可以放在這一行注釋的下面,替換掉 //... 
//... 

</script> 

原生態(tài) javascript 中的 setTimeout 基本用法是像這樣子的.

復(fù)制代碼代碼如下:

 
//原生態(tài) javascript 中的 setTimeout 基本用法 
functionfunA(){ 
log('funA...'); 
setTimeout('funA()', 1000); 
} 
funA(); 

下面是jQuery中setTimeout的幾種使用方法. 在線實(shí)例

復(fù)制代碼代碼如下:

 
//jQuery 中的用法 
functionfunA(){ 
log('funA...'); 
setTimeout('funA()', 1000); 
} 

jQuery(document).ready(function($){ 
//用法1 : 把要調(diào)用的函數(shù)寫(xiě)在ready外面,使它成為全局函數(shù) 
funA(); 

//用法2 : 直接寫(xiě)函數(shù)名,不能帶括號(hào)也不能帶引號(hào),適合沒(méi)有參數(shù)的函數(shù) 
functionfunB(){ 
log('funB...'); 
setTimeout(funB, 1000); 
} 
funB(); 

//用法3 : 通過(guò)調(diào)用匿名函數(shù)來(lái)執(zhí)行,適合有帶參數(shù)的函數(shù) 
functionfunC(v){ 
log('funC...'+v); 
setTimeout(function(){funC(v+1)}, 1000); 
} 
funC(1); 

//用法4 : 通過(guò)在jQuery命名空間上增加函數(shù),適用面更廣 
$.extend({ 
funD:function(v){ 
log('funD...'+v); 
setTimeout("$.funD("+(v+1)+")",1000); 
} 
}); 
$.funD(100); 
}); 

用法2和用法3的區(qū)別很明顯, 但用法3和用法4的區(qū)別在哪里呢?為什么說(shuō)用法4比用法3適用面更廣呢?通過(guò)下面這個(gè)例子可以很直觀的明白二者的區(qū)別:

復(fù)制代碼代碼如下:

 
jQuery(document).ready(function($){ 
//用法3 : 通過(guò)調(diào)用匿名函數(shù)來(lái)執(zhí)行,適合有帶參數(shù)的函數(shù) 
functionfunC(v){ 
log('funC...'+v); 
setTimeout(function(){funC(v+1)}, 1000); 
} 

//用法4 : 通過(guò)在jQuery命名空間上增加函數(shù),調(diào)用起來(lái)更方便 
$.extend({ 
funD:function(v){ 
log('funD...'+v); 
setTimeout("$.funD("+(v+1)+")",1000); 
} 
}); 
}); 

jQuery(document).ready(function($){ 
//funC(1); //去掉注釋后執(zhí)行這一句時(shí)會(huì)報(bào)錯(cuò) 
$.funD(100); //這一句是正常的, 明白兩者之間的區(qū)別了吧 
}); 