[js] 請使用js實現一個秒錶計時器的程式
阿新 • • 發佈：2021-01-04
技術標籤：歌謠---一步一步攻關前端面試題
[js] 請使用js實現一個秒錶計時器的程式
<!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>
執行結果
個人簡介
我是歌謠，歡迎和大家一起交流前後端知識。放棄很容易，
但堅持一定很酷。