[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>
運行結果
個人簡介
我是歌謠，歡迎和大家一起交流前后端知識，放棄很容易，
但堅持一定很酷，
主目錄
與歌謠一起通關前端面試題
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/243929.html
標籤：其他
上一篇：拼題A 2021 跨年挑戰賽 7-5 整除階乘 (15分)
下一篇：2020，我一定會回來的！