JavaScript 的计时事件的函数:
setTimeout() - 在指定时间后执行代码
clearTimeout() - 取消 setTimeout()
注意: setTimeout() 和 clearTimeout() 都是HTML DOM 的 Window 对象的函数。
setTimeout详解
var t=setTimeout("javascript 语句",时间参数)
注:时间参数单位为毫秒
示例:
var t=setTimeout("alert('3 seconds!')",3000)
如果js语句带变量,则必须用+号将变量连接起来,如:
var t=setTimeout("document.getElementById("+menuid+").style.display='none'",3000)
clearTimeout详解
语法:
clearTimeout(setTimeout的变量名)
示例:
clearTimeout(t) //其中t为前面设置的setTimeout的变量
使用clearTimeout可以随时停止计时。
JavaScript使用setTimeout()函数实现延时执行示例:
延迟切换tab
需求:页面上有几个tab,切换tab的时候,会对某个特定区域的数据进行拉取更新。
弊端:用户从第一个tab切换一直快速切到尾,就会产生n个ajax请求。其实用户只是需要看到最后一个tab的数据。
var changeTab = function(){ var timeId = 0; return function(tabId){ if(timeId){ clearTimeout(timeId); timeId=0; } setTimeout(function(){ //ajax do something },500); }; }();
以上就是javascript如何设置延时执行?的详细内容,更多请关注0133技术站其它相关文章!