<div class="alert"> <span class="closebtn" onclick="this.parentElement.style.display='none';">×</span> <strong>敏感内容,请及时下载保存,过时不侯!<br>QQ端若无法播放请使用浏览器打开!<br>若浏览器也无法播放则已被腾讯和谐,请自取!<br>自取教程点击下方按钮或看群历史消息!</strong> </div> 在此基础上如何添加倒计时关闭
时间: 2023-07-15 10:13:11 浏览: 114
你可以使用 JavaScript 来实现倒计时关闭。首先,在 HTML 中添加一个带有 ID 的计时器元素和一个关闭按钮,如下所示:
```html
<div id="timer"></div>
<div class="alert">
<span class="closebtn" onclick="countdown(); this.parentElement.style.display='none';">×</span>
<strong>敏感内容,请及时下载保存,过时不侯!<br>QQ端若无法播放请使用浏览器打开!<br>若浏览器也无法播放则已被腾讯和谐,请自取!<br>自取教程点击下方按钮或看群历史消息!</strong>
</div>
```
然后,使用 JavaScript 定义一个倒计时函数 `countdown()`,并设置倒计时的时间和每秒钟更新计时器的方法。在计时结束后,将关闭按钮所在的元素隐藏。
```javascript
function countdown() {
var countDownDate = new Date().getTime() + 60000; // 60秒倒计时
var x = setInterval(function() {
var now = new Date().getTime();
var distance = countDownDate - now;
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
document.getElementById("timer").innerHTML = seconds + "秒后自动关闭";
if (distance < 0) {
clearInterval(x);
document.getElementsByClassName("alert")[0].style.display = "none";
}
}, 1000);
}
```
最后,在关闭按钮的 `onclick` 事件中调用 `countdown()` 函数即可实现倒计时关闭。
阅读全文