js计时器
2015-09-26 21:35
441 查看
js代码:
HTML:
执行效果如下:
<script type="text/javascript"> //计时因子 var c = 0; var t; function timedCount() { var temptextmin = document.getElementById('txt'); //根据计时因子获取小时数和分钟数 hour = parseInt(c / 3600);// 小时数 min = parseInt(c / 60);// 分钟数 if (min >= 60) { min = min % 60; } lastsecs = c % 60;//秒数 temptextmin.value = hour + "时" + min + "分" + lastsecs + "秒"; //计时因子加1 c = c + 1; //启动计时器 t = setTimeout("timedCount()", 1000); document.getElementById('start').style.display = "none"; document.getElementById('end').style.display = ""; } function stopCount() { //清除计时器 clearTimeout(t); document.getElementById('start').style.display = ""; document.getElementById('end').style.display = "none"; } function clearAll() { //计时因子置0 c = 0; //重新初始化txt值 document.getElementById('txt').value = "0时" + "0分" + "0秒"; clearTimeout(t); document.getElementById('start').style.display = ""; document.getElementById('end').style.display = "none"; } </script>
HTML:
<pre name="code" class="html"><input type="text" id="txt" value="0时0分0秒"> <input type="button" value="开始计时!" id="start" onclick="timedCount()"> <input type="button" value="停止计时!" style="display: none" id="end" onclick="stopCount()"> <input type="button" value="清除" onclick="clearAll()"> <p>请点击上面的“开始计时”按钮来启动计时器。输入框会一直进行计时,从 0 开始。点击“停止计时”按钮可以终止计时。</p>
执行效果如下:
相关文章推荐
- BackboneJs入门学习[09]—Router路由实践
- 排序算法(JS)
- 计算两个日期之间相差的年数月数天数(JS实现)
- JavaScript面向对象编程指南(第2版) 笔记
- JavaScript高级程序设计之引用类型之RegExp 类型第5.4讲笔记
- JSP编码问题
- js的数据类型
- 清晰认识JavaScript函数
- js的事件流模型
- JavaScript高级程序设计之引用类型之Date 类型第5.3讲笔记
- FSWD_3_JavaScriptAdvance
- JavaScript高级程序设计之引用类型之Array 类型第5.2讲笔记
- json-c与树
- javascript自学之路(四)————js对象类型之prototype属性的探索
- 浅谈Javascript中Object与Function对象
- 原生js 简单拖拽
- JS实现选择不同select标签option值的验证
- JS实现类似网页的测试考卷
- JavaScript高级程序设计之变量、作用域和内存问题之垃圾收集第4.3讲敏敏笔记
- Js-函数回调