JavaScript原生秒表、计时器
2015-10-12 21:36
645 查看
可以开始、暂停、清除。
效果图:
下面贴代码:
效果图:
下面贴代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>计时器</title> <script> var hour,minute,second;//时 分 秒 hour=minute=second=0;//初始化 var millisecond=0;//毫秒 var int; function Reset()//重置 { window.clearInterval(int); millisecond=hour=minute=second=0; document.getElementById('timetext').value='00时00分00秒000毫秒'; } function start()//开始 { int=setInterval(timer,50); } function timer()//计时 { millisecond=millisecond+50; if(millisecond>=1000) { millisecond=0; second=second+1; } if(second>=60) { second=0; minute=minute+1; } if(minute>=60) { minute=0; hour=hour+1; } document.getElementById('timetext').value=hour+'时'+minute+'分'+second+'秒'+millisecond+'毫秒'; } function stop()//暂停 { window.clearInterval(int); } </script> </head> <body> <div style="text-align: center"> <input type="text" id="timetext" value="00时00分00秒" readonly><br> <button type="button" onclick="start()">开始</button> <button type="button" onclick="stop()">暂停</button> <button type="button" onclick="Reset()">重置</button> </div> </body> </html>
相关文章推荐
- jsp实验一
- 今天遇到: identifier starts immediately after numeric literal
- js框架页跳转
- 用JS的正则表达式如何判断输入框内为中文或者是英文
- JavaScript如何调用CSS属性
- javascript库之Mustache库使用说明
- Javascript 面向对象编程(一):封装
- [smarty] 在smarty模板中使用smarty变量初始化 javascript 变量的问题
- JavaScript开发工具WebStorm教程:用户界面简介
- JS window事件全集解析
- js控制select数据绑定下拉列表
- JSTL 动态生成表格
- js 不支持 长数字 decimal 会丢失
- 开始用JavaScript写一些小东西
- BZOJ1029: [JSOI2007]建筑抢修
- JS添加可信站点、修改ActiveX安全设置,禁用弹出窗口阻止程序的方法
- js 回调(callback)
- swiper.js——初识
- js url传值中文乱码之解决之道
- Json解析