小程序免费模板平台_JS使用setInterval完成的简略计时器功用示例

JS使用setInterval实现的简单计时器功能示例       这篇文章主要介绍了JS使用setInterval实现的简单计时器功能,涉及javascript基于setInterval的定时触发与数值运算相关操作技巧,需要的朋友可以参考下

本文实例讲述了JS使用setInterval实现的简单计时器功能。分享给大家供大家参考,具体如下:

使用setInterval实现计时,并且满60秒向分钟进一,满60分钟向小时进一。

 !DOCTYPE html 
 html 
 head 
 meta charset="utf-8" 
 title  JS计时器 /title 
 script 
 window.onload = function(){
 var mm = 0;
 var ss = 0;
 var str = '';
 var timer = setInterval(function(){
 str = "";
 if(++ss==60)
 if(++mm==60)
 mm=0;
 ss=0;
 str+=mm 10 "0"+mm:mm;
 str+=":";
 str+=ss 10 "0"+ss:ss;
 document.getElementById("d").innerHTML = str;
 },1000);
 /script 
 /head 
 body 
 div id="d" /div 
 /body 
 /html 

运行结果:

凡科抠图:这里再为大家推荐几款时间及日期相关工具供大家参考使用:

在线秒表工具:

在线日期/天数计算器:

在线日期天数差计算器:

Unix时间戳(timestamp)转换工具:

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》及《》

希望本文所述对大家JavaScript程序设计有所帮助。


相关阅读