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