js中setInterval和setTimeout的区别和用法
setTimeout
SetTimeout()///-在指定时间后执行代码。
cleartime out()///-取消设置超时()
注意: setTimeout()和clearTimeout()是HTML DOM的Window对象的函数。
用法: setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。
语法: setTimeout(代码,毫秒)
代码(必需):在要调用的函数之后要执行的JavaScript代码字符串。
毫秒(必需):执行代码前等待的毫秒数。
提示:setTimeout()只执行一次代码。如果要多次调用它,请使用setInterval()或者让代码本身再次调用setTimeout()。
调用函数的两种编写方法:
函数page _ list(){ 0
警报('石欢');
}
window.setTimeout(page_list,5000);//表示page_list()函数的执行延迟为5秒。
window.setTimeout('page_list()',30000);//表示page_list()函数的执行延迟为30秒。
ClearTimeout可以随时停止计时器。
应用技能
建议将setTimeout单独设置为一个函数。例如:
函数delayRun(代码,时间){ 0
var t=setTimeout(代码,时间);
}
这样,当您需要延迟某段代码的执行时,只需要在这段代码之前添加这个函数。例如:
onmouseover=delayRun('setTab(0,0 '),500)
SetTab是一个自定义函数。如果以后不想延迟setTab的执行,只需删除语句中与delayRun相关的代码即可。
将其更改为onmouseover=setTab(0,0)。
这种编写方法避免了在每个需要延迟的地方编写setTimeout代码,直接调用方便。也节省了代码量。
-
setInterval
interval()方法可以在指定的时间段(以毫秒为单位)调用函数或计算表达式。
setInterval()方法一直调用函数,直到调用clearInterval()或关闭窗口。
setInterval()返回的ID值可以用作clearInterval()方法的参数。
语法
设置间隔(代码,毫秒)
需要代码。要调用的函数或要执行的代码字符串。
需要毫秒。定期执行或调用代码之间的时间间隔,以毫秒为单位。
一个值,可以传递给Window.clearInterval()来取消代码的定期执行。
示例:
var leftSeconds=10
var intervalId
$(function(){ 0
$('#btnReg ')。attr('disabled ',true);
intervalId=setInterval('倒计时()',1000);
});
函数倒计时(){ 0
if(left seconds=0){ 0
$('#btnReg ')。val(' submit ');
$('#btnReg ')。attr('disabled ',false);
clearInterval(intervalId);
返回;
}else{
left seconds-;
$('#btnReg ')。val('请仔细阅读' leftSeconds '秒');
}
}
内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/89927.html