描述：

• 點擊開始，從60秒開始計時；
• 點擊停止，時間會重置，等再次點擊開始，就會從60開始；
• 點擊暫停，倒計時暫停，再次點擊開始，則從暫停時的時間開始倒計時

效果如圖：

代碼如下：

<button>開始</button><button>停止</button><button>暫停</button><div>倒計時：60秒</div> <script>let btn = document.querySelectorAll('button')let con = document.querySelector('div')let timerlet num = 60 //倒計時60秒，//開始btn[0].onclick=function(){clearInterval(timer)timer = setInterval(function(){num--if(num){con.innerText = "倒計時："+num+" 秒"}else{timer=clearInterval(timer)}},1000)}//暫停btn[2].onclick = function(){clearInterval(timer)}//停止btn[1].onclick=function(){clearInterval(timer)num = 61//實現點擊開始后，倒計時從60開始，而不是59}</script>

總結

以上是生活随笔為你收集整理的javaScript:实现倒计时定时器setInterval的开始计时、暂停计时、停止计时效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。