老师有个小问题,点开始总感觉会卡住一秒怎么解决
<body>
<h1 id="info">0</h1>
<button class="btn1">开始</button>
<button class="btn2">暂停</button>
<script>
var info = document.querySelector('#info');
var btn1 = document.querySelector('.btn1')
var btn2 = document.querySelector('.btn2')
var a = 0;
var timer;
btn1.addEventListener('click', function () {
//为了防止定时器叠加,应该设置定时器之前先清除定时器
clearInterval(timer)
//更改全局变量timer的值作为一个定时器实体
timer = setInterval(function () {
info.innerHTML = ++a;
}, 1000);
});
btn2.addEventListener('click',function(){
clearInterval(timer);
})
</script>
</body>
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星