HTML 倒计时关闭窗口代码：刷新页面不重置
以下是一个简单的 HTML 倒计时关闭窗口的代码，用户刷新页面，倒计时时间不会重置：
<!DOCTYPE html>
<html>
<head>
<title>倒计时关闭窗口</title>
<script>
// 倒计时时间（单位：秒）
var countDown = 10;
// 计时器ID
var timerId;
// 页面加载完成后开始倒计时
window.onload = function() {
startCountDown();
};
// 开始倒计时
function startCountDown() {
// 获取显示倒计时的元素
var countDownElem = document.getElementById('countDown');
// 显示倒计时
countDownElem.innerHTML = countDown;
// 设置计时器，每秒减少1秒
timerId = setInterval(function() {
countDown--;
countDownElem.innerHTML = countDown;
// 如果倒计时结束，关闭窗口
if (countDown == 0) {
clearInterval(timerId);
window.close();
}
}, 1000);
}
// 当用户刷新页面时，保存当前倒计时时间
window.onbeforeunload = function() {
// 获取当前倒计时时间
var currentCountDown = document.getElementById('countDown').innerHTML;
// 将倒计时时间保存到本地存储中
localStorage.setItem('countDown', currentCountDown);
};
// 当用户重新打开页面时，恢复倒计时时间
window.onload = function() {
// 获取保存的倒计时时间
var savedCountDown = localStorage.getItem('countDown');
// 如果存在保存的倒计时时间，使用它来开始倒计时
if (savedCountDown) {
countDown = savedCountDown;
startCountDown();
}
};
</script>
</head>
<body>
<p>页面将在<span id='countDown'></span>秒后关闭</p>
</body>
</html>
这段代码使用了 JavaScript 的计时器和本地存储功能来实现倒计时关闭窗口，并且在用户刷新页面时保存当前倒计时时间，重新打开页面时恢复倒计时时间。
原文地址: http://www.cveoy.top/t/topic/jY4J 著作权归作者所有。请勿转载和采集!