JAVASCRIPT使用setTimeout实现时间倒计时
来源:互联网 发布:前程无忧常州数控编程 编辑:程序博客网 时间:2024/06/05 03:47
语法:
以上引用的别的网站的。
前台HTML
设置剩余时间:<input id="min" />分钟 <input type="button" value="开始" onclick="timeless();"/> <h4 id="timeless">剩余时间:45分钟</h4>
界面:
JavaScript代码:
var min;//计分var seconds;//计秒function timeless(){var minEl = document.getElementById("min");var minVal = minEl.value;min = minVal;seconds = min*60;setTimeout("setTimeLess()",1000);}/**定时函数*/function setTimeLess(){//秒,小时,天var sec = 0,hour = 0,day = 0;var innerText = "";//显示文本seconds=seconds-1;min = Math.floor(seconds/60);//计算分sec = seconds % 60;//计算秒if(min >= 60){//计算小时hour = Math.floor(min /60);min = min % 60;//重新计算分}if(hour >= 24){//计算天day = Math.floor(hour /24);hour = hour % 24;//重新计算小时}if(hour > 0){innerText = hour+"小时"+innerText;}if(day > 0){innerText = day+"天"+innerText;}//如果秒还有值,则继续执行if(seconds>=0){document.getElementById("timeless").innerHTML="剩余时间:"+innerText+min+"分钟"+sec+"秒";setTimeout("setTimeLess()",1000);//定时一秒执行一次}}
以上代码比较简单,就不解释了。
补充:
- JAVASCRIPT使用setTimeout实现时间倒计时
- 使用计时器实现倒计时(setTimeout())
- Javascript实现时间倒计时
- javascript实现时间的倒计时!!!
- 使用setTimeout制作倒计时
- JavaScript倒计时setTimeout()和setInterval()
- Javascript实现日期时间的倒计时
- javascript实现简单的时间倒计时
- javascript时间页面倒计时
- javascript控制时间倒计时
- JavaScript-时间倒计时
- javascript 时间倒计时
- JS 实现时间倒计时
- js实现时间倒计时
- JSP实现时间倒计时
- js实现动态时间(setTimeout)
- 使用setTimeOut实现秒表
- javascript实现倒计时
- IE6下无法通过a标签的js提交表单解决方案
- css 在各种浏览器兼容调整
- GZIP概念
- Eclipse.ini参数简介
- apk文件编译到system.img中的方法
- JAVASCRIPT使用setTimeout实现时间倒计时
- 【编程之美】不要被阶乘吓倒+SOJ-1159
- UISearchBar学习
- 新的开始
- SSH的优缺点
- jquery ------ 10个强大的遍历函数
- ServicesDemo - Using Android Services
- 要有自己的核心竞争力,应对时代变迁
- 也谈用友被面试经历【去年杭州用友被拒】