html倒计时关闭窗口的代码刷新页面倒计时时间不会重置
以下是一个示例代码,可以实现倒计时关闭窗口并刷新页面,倒计时时间不会重置:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>倒计时关闭窗口并刷新页面</title>
<script type="text/javascript">
var count = 10; // 倒计时时间,单位:秒
var timer = null; // 定时器对象
function countdown() {
if (count > 0) {
document.getElementById("countdown").innerHTML = count;
count--;
} else {
clearInterval(timer); // 清除定时器
window.opener.location.reload(); // 刷新父窗口页面
window.close(); // 关闭当前窗口
}
}
window.onload = function() {
timer = setInterval(countdown, 1000); // 每秒执行一次倒计时函数
}
</script>
</head>
<body>
<h1>倒计时关闭窗口并刷新页面</h1>
<p>本页面将在<span id="countdown"></span>秒后自动关闭并刷新父窗口页面。</p>
</body>
</html>
在上面的代码中,我们使用了一个全局变量 count 来保存倒计时时间,使用 setInterval 函数每秒钟执行一次 countdown 函数,倒计时时间减一,并更新页面上的倒计时数字。当倒计时时间为零时,清除定时器,刷新父窗口页面并关闭当前窗口。
需要注意的是,在刷新父窗口页面时,我们使用了 window.opener 对象来访问父窗口对象,使用 location.reload() 方法来刷新页面。这样可以确保倒计时时间不会重置,因为父窗口页面的加载和倒计时时间是独立的
原文地址: https://www.cveoy.top/t/topic/cxxj 著作权归作者所有。请勿转载和采集!