以下是一个示例代码,可以实现倒计时关闭窗口并刷新页面,倒计时时间不会重置:

<!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 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录