一個簡單的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>
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持。