js写一个十秒钟的倒计时
时间: 2024-03-11 09:49:22 浏览: 18
好的,以下是一个简单的 JavaScript 十秒钟倒计时的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>倒计时</title>
</head>
<body>
<div id="countdown"></div>
<script>
var count = 10; // 倒计时时间(单位:秒)
// 更新倒计时的函数
function updateCountdown() {
if (count > 0) {
// 将倒计时显示在页面上
document.getElementById('countdown').innerHTML = '距离倒计时结束还有:' + count + ' 秒';
count--;
} else {
// 倒计时结束
document.getElementById('countdown').innerHTML = '倒计时结束!';
clearInterval(timer);
}
}
// 每秒钟更新一次倒计时
var timer = setInterval(updateCountdown, 1000);
</script>
</body>
</html>
```
这段代码会在页面上显示一个十秒钟的倒计时,每秒钟更新一次。当倒计时结束后,会显示“倒计时结束!”的提示。您可以根据需要修改 `count` 变量来设置倒计时的时间。