HTML是一种用来创建网页的
标记语言。在制作网站时,我们经常需要用到倒计时
功能。下面是一段HTML倒计时
关闭代码的例子:
<!DOCTYPE html>
<html>
<head>
<Meta charset="UTF-8">
<title>倒计时关闭页面</title>
</head>
<body>
<p>本网站将在</p>
<p id="countdown">10</p>
<p>秒后关闭,请尽快完成操作。</p>
<script>
var count = 10; //倒计时时间,单位是秒
setInterval(function() {
count--;
if (count >= 0) {
document.getElementById("countdown").innerHTML = count.toString();
} else {
window.close(); //关闭当前页面
}
},1000);
</script>
</body>
</html>
在这段
代码中,我们首先创建了
一个包含“10”的p
标签,用于
显示倒计时数。然后在script
标签中编写了
一个用于倒计时的
函数,它会每隔一秒钟执行一次。在每次执行时,将倒计时时间减少1秒,并判断是否已经倒计时结束。如果时间还没有结束,就将剩余时间
显示在p
标签中。如果已经结束,就
调用window.close()
函数关闭页面。
要让这段
代码生效,只需要将它保存为
一个.html
文件,并在浏览器中打开即可。这样,在
页面加载后,就能开始倒计时了。这段
代码可以用于各种需要倒计时
关闭的场合,如防止
用户过度使用网站
功能。