这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了 javascript 秒表计时器实现代码的相关资料, 需要的朋友可以参考下
javascript 秒表计时器
实例代码:
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>
- js计时器
- </title>
- </head>
- <body>
- <input type="text" value="00:00">
- <input type="button" value="开始">
- <input type="button" value="结束">
- <input type="button" value="重置">
- <script>
- var oTxt = document.getElementsByTagName("input")[0];
- var oStart = document.getElementsByTagName("input")[1];
- var oStop = document.getElementsByTagName("input")[2];
- var oReset = document.getElementsByTagName("input")[3];
- var n = 0,
- timer = null;
- //开始计时
- oStart.onclick = function() {
- clearInterval(timer);
- timer = setInterval(function() {
- n++;
- var m = parseInt(n / 60);
- var s = parseInt(n`);
- oTxt.value = toDub(m) + ":" + toDub(s);
- },
- 1000 / 60);
- };
- //暂停并且清空计时器
- oStop.onclick = function() {
- clearInterval(timer);
- }
- //重置
- oReset.onclick = function() {
- oTxt.value = "00:00";
- n = 0;
- }
- //补零
- function toDub(n) {
- return n < 10 ? "0" + n: "" + n;
- }
- </script>
- </body>
- </html>
在计时器设置运行间隔那里,一开始设置了 100,其实是不对的,因为 1 秒 = 1000 毫秒;我们要分成 60 个数字来显示,所以还是要除以 60 才对。
来源: http://www.phperz.com/article/17/0513/326837.html