javascript 简易计时器

最新推荐文章于 2024-09-11 15:33:18 发布

shendaiming

最新推荐文章于 2024-09-11 15:33:18 发布

阅读量490

点赞数

文章标签： javascript timer button action function input

本文链接：https://blog.csdn.net/shendaiming/article/details/4787510

版权

function beginTimer()
{
var hour="0";
var minute="0";
var second="0";
timeLen = parseInt(timeLen)+1;
hour = parseInt(timeLen/3600) ;
minute = parseInt((timeLen-(hour*3600))/60);
second = parseInt((timeLen-(minute*60))%60);
//document.frmtimer.time.innerText = hour+"时"+minute+"分"+second+"秒";
document.getElementById("time").innerText=hour+"时"+minute+"分"+second+"秒";
timer = setTimeout("beginTimer()",1000);
document.getElementById("startButton").disabled = true;
document.getElementById("stopButton").disabled = false;

}
function stopTimer()
{
clearTimeout(timer);

document.getElementById("startButton").disabled = false;
document.getElementById("stopButton").disabled = true;
}

</script>

<html>
<head>
<title>简易计时器</title>
</head>
<body>
<form name="frmtimer" action="" method="post">
<hr>
<input type="text" name="time" id="time">
<br>
<input type="button" value="开始计时" name="start" id="startButton" onClick="beginTimer();">
<input type="button" value="停止" name="stop" id="stopButton" onClick="stopTimer();">
<hr>
</form>
</body>
</html>