JavaScript——计数器(基础)
来源:互联网 发布:手机端美工装修 编辑:程序博客网 时间:2024/05/22 09:47
通过使用 JavaScript,设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。称之为计时事件。
在 JavaScritp 中使用计时事件是很容易的,两个关键方法是:
setInterval() - 间隔指定的毫秒数不停地执行指定的代码。
setTimeout() - 暂停指定的毫秒数后执行指定的代码
Note: setInterval() 和 setTimeout() 是 HTML DOM Window对象的两个方法。在这里只介绍了setTimeout()方法;
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script type="text/javascript"> var c = 0 var t function timedCount() { document.getElementById('txt').value = c; c = c + 1; //创建计时器,在指定周期内循环执行 t = setTimeout("timedCount()", 1000); } function stopCount() { //清除计时器 clearTimeout(t); } </script> </head> <body> <form> <input type="button" value="开始计时!" onClick="timedCount()"> <input type="text" id="txt"> <input type="button" value="停止计时!" onClick="stopCount()"> </form> </body></html>
点击开始则会从0开始计数,停止计时则会暂停在那个时刻,再点击开始则会继续累加计数...但是这个程序有一个小bug,当不停的点击开始计时,计时的速度会增加,而且点击一次停止计时不会停止,要响应的点击很多次才可以停止.....
阅读全文
0 0
- JavaScript——计数器(基础)
- OC基础—内存管理之引用计数器
- JavaScript基础——事件(基础)
- CSS 基础(026_计数器)
- 计数器(图片计数器)
- [JavaScript]计数器(倒数)
- javascript 闭包计数器
- javascript 闭包计数器
- JavaScript趣题:循环计数器
- JavaScript基础—对象
- day12—JavaScript基础
- javaScript基础—imooc
- javascript基础—keycode
- Hadoop学习笔记—7.计数器与自定义计数器
- ObjectC语言基础3—内存管理、引用计数器、@property、模型
- PHP——计数器1
- PHP——计数器2
- PHP——计数器3
- 深入了解计算机系统初学记录
- Java 基础(9)—— 对于 堆、栈、方法区的简单理解
- poj1118Lining Up 暴力枚举
- spring mvc 在Web.xml中自动扫描Spring的配置文件及resource时classpath*:与classpath:的区别
- 使用yo构建项目
- JavaScript——计数器(基础)
- 作用域
- 0.引子
- idea_maven项目配置默认仓库为自己的本地仓库
- Python 正则表达式 或者(|) 圆括号
- 关于华硕笔记本A400U进PE,改开机密码,硬盘无法识别的笔记
- iOS 数据结构之链表
- 卷积矩阵及其运算实例
- 【整理】Python中self和__init__的含义与使用