JavaScript之取消计时器clearTimeout()
2015-09-03 19:54
615 查看
setTimeout()和clearTimeout()一起使用,停止计时器。
语法:
clearTimeout(id_of_setTimeout)
参数说明:
id_of_setTimeout:由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。
下面的例子和上节的无穷循环的例子相似。唯一不同是,现在我们添加了一个 "Stop" 按钮来停止这个计数器:
语法:
clearTimeout(id_of_setTimeout)
参数说明:
id_of_setTimeout:由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。
下面的例子和上节的无穷循环的例子相似。唯一不同是,现在我们添加了一个 "Stop" 按钮来停止这个计数器:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>计时器</title> </head> <script type="text/javascript"> var num=0; var i; function startCount(){ document.getElementById('count').value=num; num=num+1; i=setTimeout("startCount()",1000); } function stopCount(){ clearTimeout(i); } </script> </head> <body> <form> <input type="text" id="count" /> <input type="button" value="Start" onclick="startCount()" /> <input type="button" value="Stop" onclick="stopCount()" /> </form> </body> </html>
相关文章推荐
- 原生JavaScript操作DOM
- JavaScript之计时器setTimeout()
- JavaScript之取消计时器clearInterval()
- Javascript高级程序设计——面向对象小结
- JavaScript之计时器setInterval()
- json格式化的網站
- 前端路上的各种问题-javascript—5
- Javascript高级程序设计——面向对象之实现继承
- JavaScript之window对象
- 【JavaScript中的正则表达式】
- JavaScript进阶
- 获取验证码,60秒倒计时js
- js正则表达式的使用与详解
- JSF中怎么使用Enum生成下拉列表
- Javascript高级程序设计——面向对象之创建对象
- javascript继承方式详解
- net extjs tree异步加载数据
- Hello JSP!——JSP动作元素分类
- bzoj1029 [JSOI2007]建筑抢修
- js 取模 取余