html 时分秒倒计时为0后执行抽奖
时间: 2024-05-11 08:19:26 浏览: 9
您可以使用 JavaScript 编写一个计时器,当计时器倒计时结束后执行抽奖代码。以下是一个示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>倒计时抽奖</title>
<script type="text/javascript">
var countDownDate = new Date("Dec 31, 2021 23:59:59").getTime(); // 设置倒计时结束时间,本例为2021年12月31日23时59分59秒
var x = setInterval(function() {
var now = new Date().getTime(); // 获取当前时间
var distance = countDownDate - now; // 计算距离结束时间的毫秒数
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
document.getElementById("countdown").innerHTML = days + " 天 " + hours + " 小时 " + minutes + " 分钟 " + seconds + " 秒 ";
if (distance < 0) {
clearInterval(x);
document.getElementById("countdown").innerHTML = "倒计时结束!";
// 在这里执行抽奖代码
}
}, 1000);
</script>
</head>
<body>
<h1>倒计时抽奖</h1>
<p>距离抽奖结束还有:<span id="countdown"></span></p>
</body>
</html>
```
在以上代码中,我们使用 `setInterval` 函数每隔一秒更新倒计时,并且当倒计时结束时清除计时器并执行抽奖代码。您可以将抽奖代码写在 `if (distance < 0) { ... }` 的大括号内。