js计数器方法setInterval()、clearInterval()、setTimeout()和clearTimeout()
来源:互联网 发布:爱知日语怎么样 编辑:程序博客网 时间:2024/05/12 02:34
setInterval()
window.setInterval()方法,周期性地调用一个函数(function)或者执行一段代码。
语法
var intervalID = window.setInterval(func, delay[, param1, param2, ...]);
var intervalID = window.setInterval(code, delay);
详解
intervalID 是此重复操作的唯一辨识符,可以作为参数传给clearInterval()。 func 是你想要重复调用的函数。 code 是另一种语法的应用,是指你想要重复执行的一段字符串构成的代码(使用该语法是不推荐的,不推荐的原因和eval()一样)。 delay 是每次延迟的毫秒数 (一秒等于1000毫秒),函数的每次调用会在该延迟之后发生。和setTimeout一样,实际的延迟时间可能会稍长一点。
需要注意的是,IE不支持第一种语法中向延迟函数传递额外参数的功能.如果你想要在IE中达到同样的功能,你必须使用一种兼容代码 (查看callback arguments 一段)。
例子
js
function generateOutput(aConcise) { if(aConcise) { parent.generateConciseOutput(); } else { parent.generateOutput(); }}window.setTimeout(generateOutput, 1000, true); // IE中不会把"true"传给generateOutput
clearInterval()
window.clearInterval()
取消掉用setInterval设置的重复执行动作.
语法
window.clearInterval(intervalID)
详解
在指定的延迟时间之后调用一个函数或者执行一个代码片段。 intervalID是你想要取消的重复动作的ID,这个ID是个整数,是由setInterval()返回的。
例子
js
var pageTimer = {} ; //定义计算器全局变量//赋值模拟pageTimer["timer1"] = setInterval(function(){},2000);pageTimer["timer2"] = setInterval(function(){},2000);//全部清除方法for(var each in pageTimer){ clearInterval(pageTimer[each]);}
js
// 暴力清除for(var i = 1; i < 1000; i++) { clearInterval(i);}
分析:实际上暴力清除的方式是不可取的,在不得已情况下才使用,在IE下,定时器返回值在IE下面是8位数字如:248147094,并且起始值不能确定,而Chrome和firefox下是从1开始的个位数字,一般项目还是建议第一种,并且第一种的扩展性也好,比如可以做个方法,清除除了指定定时器之外的所有定时器。
setTimeout()
在指定的延迟时间之后调用一个函数或者执行一个代码片段。window.setTimeout()
语法
var timeoutID = window.setTimeout(func, delay, [param1, param2, ...]);
var timeoutID = window.setTimeout(code, delay);
详解
* timeoutID 是该延时操作的数字ID, 此ID随后可以用来作为window.clearTimeout方法的参数。* func 是你想要在delay毫秒之后执行的函数。* code 在第二种语法,是指你想要在delay毫秒之后执行的代码 (使用该语法是不推荐的, 不推荐的原因和eval()一样)。 * delay 是延迟的毫秒数 (一秒等于1000毫秒),函数的调用会在该延迟之后发生.但是实际的延迟时间可能会稍长一点,查看下面的备注。
需要注意的是,IE不支持第一种语法中向延迟函数传递额外参数的功能。如果你想要在IE中达到同样的功能,你必须使用一种兼容代码 (查看callback arguments 一段)。
备注
你可以使用 window.clearTimeout()来取消延迟操作。
如果你希望你的代码被重复的调用 (比如每 N 毫秒一次),考虑使用window.setInterval()。
例子
js
// 推荐window.setTimeout(function() { alert("Hello World!");}, 500);// 不推荐window.setTimeout("alert("Hello World!");", 500);
clearTimeout()
window.clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。
语法
clearTimeout(id_of_settimeout)
详解
实例
js
var c=0var tfunction timedCount(){ document.getElementById('txt').value=c c=c+1 t=setTimeout("timedCount()",1000)}function stopCount(){ clearTimeout(t)}
- js计数器方法:setInterval()和clearInterval();setTimeout()和clearTimeout()
- js计数器方法setInterval()、clearInterval()、setTimeout()和clearTimeout()
- js中setInterval/clearInterval与setTimeout/clearTimeout
- setTimeout,clearTimeout与setInterval,clearInterval
- js定时器用法详解——setTimeout()、setInterval()、clearTimeout()、clearInterval()
- call(),apply(),callee,caller,cookie方法,setInterval(),clearInterval(),setTimeout() ,clearTimeout()
- HTML DOM中setInterval()和clearInterval()、setTimeout()和clearTimeout()
- javascript 中setTimeout()和clearTimeout()及setInterval()和clearInterval()的用法
- Js setTimeout,clearTimeout,setInterval,clearInteral详解
- 计数器:setTimeout 和 clearTimeout 的应用
- setTimeout setInterval 和 clearInterval 的使用
- 计时器 setInterval clearInterval setTimeout
- js 正则表达式 call(),apply(),callee,caller,cookie方法,setInterval(),clearInterval(),setTimeout() ,clearTime
- js中setTimeout、setInterval、 clearInterval方法简介---实时刷新读取后台数据
- javascript中定时执行的方法setinterval()和settimeout()和clearinterval()
- (2)window方法:confirm、setTimeout、setInterval、clearInterval、moveBy和moveTo、open和close
- Js中setTimeout()和setInterval()方法简介
- Javascript中setTimeout()和clearTimeout()还有setInterval()用法
- JavaScript编程注意事项、技巧大全
- js实现千位分隔符
- Variance Shadow Mapping
- JS正则表达式元字符
- 华为机试—32位处理器上数值转换
- js计数器方法setInterval()、clearInterval()、setTimeout()和clearTimeout()
- 利用“远程教育资源”实施物理教学的教学经验
- 白话Prim
- Java TCP/UDP socket 编程流程总结
- Linux恶意软件简史
- Oracle undo 表空间使用情况分析
- Pyhton单命令静态服务器
- 在ViewController之间传递数据的方法【iOS】
- 安装ros软件及ardrone_autonomy, tum_ardrone过程中问题及解决