计时器效果想必大家都见到过吧,其实使用 js 可以很轻松的实现,下面有个不错的示例,感兴趣的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
- <html>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <head>
- <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>
- <p>
- 请点击上面的"开始计时"按钮来启动计时器。输入框会一直进行计时,从 0 开始。点击"停止计时"按钮可以终止计时。
- </p>
- <p>
- timedCount(),1000ms自己调自己。
- </p>
- </body>
- </html>
来源: