JS里设定延时:
使用SetInterval和设定延时函数setTimeout 很类似。
setTimeout 运用在延迟一段时间,再进行某项操作。
setTimeout("function",time) 设置一个超时对象
- setInterval("function",time) //设置一个超时对象
SetInterval为自动重复,setTimeout不会重复。
clearTimeout(对象) 清除已设置的setTimeout对象
clearInterval(对象) 清除已设置的setInterval对象
一、什么叫做JavaScript 的计时事件
使用JavaScript可以实现代码的延时执行,也就是说当一个函数被调用时不立即执行某些代码,而是等一段指定的时间后再执行,这就叫做计时事件。
二、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可以随时停止计时。
五、应用技巧
建议将setTimeout单独设置为一个函数。如:
- function delayRun(code,time) {
- var t=setTimeout(code,time);
- }
这样,在需要让某段代码延时执行的时候,只需在这段代码前加入这个函数就可以了。如:
onmouseover=delayRun("setTab(0,0)",500)
其中setTab是一个自定义的函数。如果以后不想让setTab延时执行,则去掉语句中的delayRun相关的代码即可,
改为:onmouseover=setTab(0,0) 就可以了。
这种写法避免每一个需要延时的地方都写一段setTimeout的代码,只需要直接调用就可以了,很方便。也节省了代码的量。
相关推荐
主要介绍了javascript间隔调用和延时调用示例,介绍setInterval方法和clearInterval方法的使用方法,大家参考使用吧
本文实例讲述了JavaScript定时器设置、使用与倒计时案例。分享给大家供大家参考,具体如下: 1、设置定时器 定时器,适用于定时执行的任务中。在BOM的window对象中,有这样的两个函数是用于设置定时器 setTimeout...
本文实例为大家分享了JavaScript定时器使用的具体代码,供大家参考,具体内容如下 定时器分类 1、循环执行:一段程序能够每间隔...设置定时器:【var timeid = window.setInterval(“方法名或方法”,“延时”);】 清
JS里设定延时: 使用SetInterval和设定延时函数setTimeout 很类似。setTimeout 运用在延迟一段时间,再进行某项操作。 setTimeout(“function”,time) 设置一个超时对象 setInterval(“function”,time) 设置一个...
"javascript延时重复执行函数 lLoopRun.js" JavaScript 延时重复执行函数 lLoopRun.js 是一个 JavaScript 函数库,用于实现 JavaScript 函数或语句的延时重复执行。该函数库可以应用于各种 JavaScript 开发场景,...
Javascript的setTimeOut和setInterval函数应用非常广泛,它们都用来处理延时和定时任务,比如打开网页一段时间后弹出一个登录框,页面每隔一段时间发送异步请求获取最新数据等等。但它们的应用是有区别的。 ...
js定时器应用的小案例,主要包括有菜单导航、无缝滚动、缓冲滚动、淡入淡出、延时提示框、匀速运动停止等等。
清除定时器可以用延时器来完成。 clearInterval(定时器名称); 举一个简单的例子 let sum = setInterval(function(){ console.log(x); },100); let x=9; steTimeout(function(){ clearInterval(sum); },300) ...
本文介绍了node.js中的定时器nextTick()和setImmediate()的区别分析,非常的不错,这里推荐给大家。
它们都用来处理延时和定时任务,比如打开网页一段时间后弹出一个登录框,页面每隔一段时间发送异步请求获取最新数据等,本文文章通过代码示例给大家介绍javascript中SetInterval与setTimeout的定时器用法
3)window.setTimeout(函数名称,时间)//延时定时器,执行一次 4)window.clearTimeout(定时器的返回值);停止定时器 2:document.getElementById() 功能:获取特定ID元素的节点 参数:ID的属性名 返回值:dom...
延时加载js代码提高速度,具体...可以使用定时器函数setTimeout()让外部的js文件延迟加载,例如: [removed][removed] [removed] var js=document.getElementById(my); function addjs(){ js.src=js/js.js; } setTim
JavaScript提供定时执行代码的功能,叫做定时器(timer),主要由setTimeout()和setInterval()这两个函数来完成。而这篇文中主要给大家介绍的是关于JS中setTimeout和setInterval最大延时值的相关问题,需要的朋友们...
setTimeout 的语法非常简单,第一个参数为回调函数,第二个参数为延时的时间。函数返回一个数值类型的ID唯一标示符,此ID可以用作 clearTimeout 的参数来取消定时器: var timeoutID = window.setTimeout(code, ...
1- 执行一次(延时定时器) var t1 = window.setTimeout(function() { console.log(‘1秒钟之后执行了’) },1000) window.clearTimeout(t1) // 去除定时器 2- 重复执行(间歇定时器) var t2 = window.setInterval...
// 延时1s执行// 或写成如果需要执行的函数没有参数,可以采用上例的第一种写法,如果需要带参数的话,就需要采用上例的第二种写法,但是采用上例的第二种写法需要
鼠标放头像上,会出现此头像的用户信息,比如用户ID、金钱、威望等,使用了一个封装的JS类,可设置Tip样式,offset参数修正,移入Tip对象时保持显示状态,这里要注意,如果是外部元素进入,说明当前是隐藏延时阶段,...