原文地址:
http://www.2cto.com/kf/201207/142102.html
setTimeout
setTimeout() //- 在指定时间后执行代码
clearTimeout() //- 取消 setTimeout()
注意: setTimeout() 和 clearTimeout() 都是HTML DOM 的 Window 对象的函数。
用法: setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。
语法: setTimeout(code,millisec)
code (必需):要调用的函数后要执行的 JavaScript 代码串。
millisec(必需):在执行代码前需等待的毫秒数。
提示: setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。
两种调用函数的写法:
function page_list(){
alert("shihuan");
}
window.setTimeout(page_list, 5000); //表示延时5秒执行page_list()函数
window.setTimeout("page_list()", 30000); //表示延时30秒执行page_list()函数
使用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的代码,只需要直接调用就可以了,很方便。也节省了代码的量。
--------------------------------------------------------------------------------------------------
setInterval
setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。
由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
语法
setInterval(code,millisec)
code 必需。要调用的函数或要执行的代码串。
millisec 必需。周期性执行或调用 code 之间的时间间隔,以毫秒计。
一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。
例子:
var leftSeconds = 10;
var intervalId;
document.getElementById('btnReg').disabled = true;
intervalId = setInterval("countDown()",1000);
function countDown(){
if(leftSeconds <=0){
document.getElementById("btnReg").value="submit";
document.getElementById("btnReg").disabled = false;
clearInterval(intervalId);
return;
}else{
leftSeconds--;
document.getElementById("btnReg").value="请仔细阅读" + leftSeconds + "秒";
}
}
分享到:
相关推荐
js中SetInterval与setTimeout用法.pdf
注:调用过程中,可以使用clearTimeout(id_of_settimeout)终止 参数 描述 code 必需,要调用的函数后要执行的 JavaScript 代码串。 millisec 必需,在执行代码前需等待的毫秒数。 setTimeinterval ...
详细讲解SetInterval与setTimeout的区别和用法
js 代码中执行循环事件时,经常会用到 setInterval 和 setTimeout 这两个方法,关于这两个方法的细节这里不详细讨论了,简要分享下在需要停止循环事件的时候该如何操作。 (1)setInterval 方法可按照指定的周期(以...
使用SetInterval和设定延时函数setTimeout 很类似。setTimeout 运用在延迟一段时间,再进行某项操作。
Javascript的setTimeOut和setInterval函数应用非常广泛,它们都用来处理延时和定时任务,比如打开网页一段时间后弹出一个登录框,页面每隔一段时间发送异步请求获取最新数据等等。但它们的应用是有区别的。 ...
在node.js中可以使用node.js内置的setTimeout(callback,delayMillSeconds,[args])方法。当调用setTime()时回调函数会在delayMillSeconds后 执行.setTime() 会返回一个定时器对象ID,可以在delayMillSeconds到期前将...
它们都用来处理延时和定时任务,比如打开网页一段时间后弹出一个登录框,页面每隔一段时间发送异步请求获取最新数据等,本文文章通过代码示例给大家介绍javascript中SetInterval与setTimeout的定时器用法
setInterval() 定义和用法 setInterval() 方法可按照指定的周期(以毫秒计)来执行函数或表达式。该方法会不停地循环调用函数,直到使用 clearInterval() 明确停止该函数或窗口被关闭。clearInterval() 函数的参数即...
Js是一个单线程语言,可以通过setTimeout()和setInterval()来设置代码在指定时刻运行,前者是在指定时间后执行,后者是指每隔一段时间执行。两者的使用方法类似。 最近在练习写一个小例子的时候用到了定时器,发现...
setTimeout和setInterval的语法相同。它们都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码。不过这两个函数还是有区别的,setInterval在执行完...
说到setInterval,就不得不提到setTimeout,二者都是用于定时执行某函数,区别在于setTimeout 只执行一次,而setInterval可以一直连续不断执行下去,典型用法如下: function do_sth() { console.log('Hello...'); ...
此模块允许Python用户在其代码中使用setTimeout()和setInterval() 。 我尚未实现setImmediate()因为重新创建功能的唯一方法是使clearImmediate()函数终止正在运行的线程。 杀死正在运行的线程本质上是不安全的,...
在JS中无论是setTimeout还是setInterval,在使用函数名作为调用句柄时都不能带参数,而在许多场合必须要带参数, 这就需要想方法解决。 一、采用字符串形式:——(缺陷)参数不能被周期性改变 setInterval(“foo(id...
unref()和ref()用法非常的简单,就是取消和回复setTimeout和setInterval函數的調用的。 代码如下: 代码如下: var testFunction=function(){ console.log(“guoyansi”); } var timer=setInterval(test...
如果要清除计数器需要 根据使用的方法不同,调用不同的清除方法:例如:(1): 代码如下:t=setTimeout(‘northsnow()’,1000);clearTimeout(t);(2):t=setInterval(‘northsnow()’,1000);clearInteval(t);...