JavaScript倒计时代码
在JavaScript中，我们可以使用setInterval函数来实现倒计时功能，以下是一个简单的倒计时代码示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>倒计时</title>
</head>
<body>
<h1 id="countdown">10</h1>
<script>
// 设置倒计时时间（秒）
var countdownTime = 10;
// 更新倒计时显示的函数
function updateCountdown() {
// 获取当前时间
var now = new Date();
// 计算距离倒计时结束的时间（毫秒）
var remainingTime = countdownTime * 1000 - now.getTime();
// 如果剩余时间小于等于0，清除定时器并显示“已结束”
if (remainingTime <= 0) {
clearInterval(interval);
document.getElementById("countdown").innerHTML = "已结束";
} else {
// 计算剩余时间的小时、分钟和秒数
var hours = Math.floor(remainingTime / (1000 * 60 * 60));
var minutes = Math.floor((remainingTime % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((remainingTime % (1000 * 60)) / 1000);
// 更新倒计时显示
document.getElementById("countdown").innerHTML = hours + "小时" + minutes + "分钟" + seconds + "秒";
}
}
// 初始化定时器
var interval = setInterval(updateCountdown, 1000);
</script>
</body>
</html>
这个示例中，我们首先设置了倒计时时间为10秒，我们定义了一个updateCountdown函数，用于更新倒计时显示，在这个函数中，我们首先获取当前时间，然后计算距离倒计时结束的时间，如果剩余时间小于等于0，我们清除定时器并显示“已结束”，否则，我们计算剩余时间的小时、分钟和秒数，并更新倒计时显示，我们使用setInterval函数初始化定时器，每隔1秒调用一次updateCountdown函数。
发表评论