倒计时关闭窗口

古理

已于 2022-11-04 16:08:09 修改

阅读量272

点赞数

分类专栏：前端web 文章标签： javascript html5

于 2022-11-04 16:01:20 首次发布

本文链接：https://blog.csdn.net/weixin_54089340/article/details/127690653

版权

前端web 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

方案1

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="div"></div>
		<script>
			const start = new Date();
			console.log("start=", start);

			function timer(start) {
				var now = new Date();
				var det = now - start;
				var diff = 10 - Math.floor(det / 1000);
				console.log("diff=", diff);
				if (diff <= 0) {
					clearInterval(time);
					window.close();
				} else {
					document.getElementById("div").innerHTML = "还有" + diff + "秒钟关闭窗口";
				}
			}
			var time = setInterval(function() {
				timer(start)
			}, 1000);
		</script>
	</body>
</html>

方案2

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="div"></div>


		<script>
			var doc = document.getElementById("div");
			var len = 10;
			setTimeout(timer, 1000);

			function timer() {
				doc.innerHTML = "还有" + len + "秒钟关闭窗口";
				len--;
				console.log("len=", len);
				if (len < 0) {
					window.close();
				} else {
					setTimeout(timer, 1000);
				}
			}
		</script>
	</body>
</html>