HTML10秒鐘倒計時代碼
<!DOCTYPE html>
<html>
<head>
<title>10秒倒計時</title>
<script>
var count=10;
var interval=1000;
var timerId = setInterval(function(){
count--;
document.getElementById('time').innerHTML=count;
if(count==0){
clearInterval(timerId);
document.getElementById('message').innerHTML='時間到！';
}
}, interval);
</script>
</head>
<body>
<h1><span id="time">10</span>秒倒計時</h1>
<p id="message"></p>
</body>
</html>解釋
1. 首先定義了兩個變量：count表示倒計時的總秒數，interval表示定時器的時間間隔，即每隔多久執行一次函數。 2. setInterval()函數是一個定時器，會每隔interval毫秒調用一次傳入的函數。傳入的函數會將count減1，更新頁面上倒計時的數字，并且如果count等于0，就停止定時器，并更新頁面上的提示信息。 3. HTML頁面中的h1和p元素的id屬性分別被設置為time和message，這樣JavaScript代碼可以通過document.getElementById()找到這兩個元素，更新它們的innerHTML屬性。
用途
這段代碼可以用于網頁上需要有倒計時功能的場合，比如在線考試、搶購商品等。用戶可以根據自己的需要修改總秒數和定時器時間間隔。