[js] 请使用js实现一个秒表计时器的程序
生活随笔
收集整理的這篇文章主要介紹了
[js] 请使用js实现一个秒表计时器的程序
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
[js] 請使用js實現(xiàn)一個秒表計時器的程序
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>計時器</title> </head><body><div id="counter"></div> </body></html> <script>/* 選中所需要的couter */const ele = document.getElementById('counter');/* 定義兩個變量 */let intervalId, seconds;/* 定義一個計算時間的方法 */function counter() {/* 定義定時器 */intervalId = window.setInterval(() => {--seconds;ele.innerText = seconds;if (seconds === 0) {alert('計時結束');window.clearInterval(intervalId);}}, 1000);}function stopCounter() {window.clearInterval(intervalId);}function resumeCounter() {counter();}seconds = 100;counter(); </script>運行結果
個人簡介
我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。
主目錄
與歌謠一起通關前端面試題
總結
以上是生活随笔為你收集整理的[js] 请使用js实现一个秒表计时器的程序的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： VScode+Latex：代码和pdf互
- 下一篇： 工作312:uni-弹出框显示数据