jQuery setTimeout()函数的用法介绍

发布时间:2019-11-27编辑:脚本学堂
我们简称,setTimeout在js中是定时执行一个对象或函数,那么jquery中的setTimeout函数又是如何使用的呢?来看今天的教程吧。

setTimeout()函数
从载入后延迟指定的时间去执行一个表达式或函数;
注意:仅执行一次 ;和window.clearTimeout一起使用。

编辑推荐:jQuery setTimeout用法总结(实例)

代码1:
 

$(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>