javascript实现秒表计时器的制作方法

本文实例为大家分享了射流研究…秒表计时器的制作代码，供大家参考，具体内容如下

具体代码：

！DOCTYPE html html lang=' en ' hearta charset=' GB 2312 '标题文档/标题样式div { margin-top :40 px；边距-左侧：25 px边距-底部：10 px宽度：20 px高度：20 px}输入{宽度：30像素高度：30 px边距-左侧：20 pxfont-size :20 pxcolor: # fff背景技术： # 000;border:noneoutline:无；}/style/head dydiv/divinput type=' button ' value='开始/input type='button' value='停止//bodyscript类型=' text/JavaScript '/2 .实现秒表功能，实现时分秒毫秒点击一开始计时，2结束计时；var oDiv=文档。getelementsbytagname(' div ')[0]；var BTN 1=文档。getelementsbytagname(' input ')[0]；var BTN 2=文档。getelementsbytagname(' input ')[1]；var ms=0；var sec=0；定义变量最小值=0;定义变量小时=0;BTN 1。onclick=function(){ timer=setInterval(function(){ var str _ hour=hour；var str _ min=minvar str _ sec=secif(第10小时){ str _ hour=' 0 '小时；} if(min 10){ str _ min=' 0 ' min；} if(秒10){ str _ sec=' 0 '秒；} var time=str _ hour ' : ' str _ min ' : ' str _ sec ' : ' ms；oDiv.innerHTML=时间；ms=msif(ms 999){ ms=0；秒；} if(sec 59){ sec=0；分钟；} if(min 59){ min=0；小时；}}，50)} Btn 2。onclick=function(){ ClearInterval(计时器)；}/脚本/html以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。