900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > Html秒表计时代码 js实现秒表计时器功能代码示例

Html秒表计时代码 js实现秒表计时器功能代码示例

时间:2020-06-17 18:37:23

相关推荐

Html秒表计时代码 js实现秒表计时器功能代码示例

本文实例为大家分享了带有开始、暂停、清除功能的js计时器,供大家参考,具体内容如下

计时器

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);

}

开始 暂停 重置

本站文章为3672js教程网友分享投稿,版权归原作者,欢迎任何形式的转载,但请务必注明出处。同时文章内容如有侵犯了您的权益,请联系我们处理。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。