00时
00分
00秒
开始计时 停止
<script>
// 1. 获取DOM节点
// console.log(hour)
// console.log(hour.innerHTML) // 内容
// hour.innerHTML = “11” // 修改内容
// 2. 点击事件
// start.onclick = function(){
// console.log(‘点击了开始计时’)
// }
// 总秒数
var n = 0
var timer = null
// 开始计时
start.onclick = function(){
// 判断定时器是否已开启
if (!timer) {
// 开启定时器
timer = setInterval(function(){
n++
h = parseInt(n/3600)
m = parseInt(n/60)%60
s = n%60
// 修改页面
hour.innerHTML = h
minute.innerHTML = m
second.innerHTML = s
}, 1000)
}
}
// 停止
stop1.onclick = function(){
clearInterval(timer) // 清除定时器
timer = null
n = 0 // 重置
}
</script>