JS 计时器

最新推荐文章于 2024-06-05 15:33:33 发布

Hi3号

最新推荐文章于 2024-06-05 15:33:33 发布

阅读量1.1k

点赞数

分类专栏： JS

JS 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>计时器</title>
<script>
var hour, minute, second;//时分秒
hour = minute = second = 0;//初始化
//var millisecond=0;//毫秒
var int;
function Reset()//重置
{
window.clearInterval(int);
hour = minute = second = 0;
document.getElementById('timetext').value = '00:00:00';
}

function start()//开始
{
int = setInterval(timer, 1000);
}

function timer()//计时
{
second = second + 1;
if (second >= 60) {
second = 0;
minute = minute + 1;
}

if (minute >= 60) {
minute = 0;
hour = hour + 1;
}
document.getElementById('timetext').value = checkTime(hour) + ':' + checkTime(minute) + ':' + checkTime(second);

}

function stop()//暂停
{
window.clearInterval(int);
}
function checkTime(i) {
if (i < 10) { i = "0" + i }
return i
}
</script>
</head>
<body>
<div style="text-align: center">
<input type="text" id="timetext" value="00:00:00" readonly><br>
<button type="button" οnclick="start()">开始</button> <button type="button" οnclick="stop()">暂停</button> <button type="button" οnclick="Reset()">重置</button>
</div>
</body>
</html>