一個簡單的js計時函數（多次定時） ...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> h1{text-align:center;font-size:40px;} </style> </head> <body> <h1 id="number"> <!-- 倒計時還有 01時01分01秒 --> </h1> <script> //設置倒計時的時間範圍 var seconds = 1000; //手工調用計時函數 timeRun(); //定時調用函數 var timer = setInterval(timeRun, 1000); //倒計時函數 function timeRun(){ //獲取 h1 var h1 = document.getElementById('number'); //判斷 if (seconds <= 0) { h1.innerHTML = "Game Over"; h1.style.fontSize = "120px"; clearInterval(timer); return; } //計算 秒數 裡面包含的小時數 var h = Math.floor(seconds / 3600); //計算剩下的秒數 var s = seconds - h * 3600; //在從剩下的秒數中 取出 分鐘 var m = Math.floor(s / 60); //計算剩下的秒數 s -= m * 60; //處理數字 <10的數字前加0 h = (h<10)?'0'+h:h; m = (m<10)?'0'+m:m; s = (s<10)?'0'+s:s; //拼接字元串 var message = "倒計時還有 "+h+'時'+m+'分'+s+'秒'; //把字元串輸出到h1中 h1.innerHTML = message; //秒數減少 seconds --; } </script> </body> </html>
一個簡單的js計時函數（多次定時）
