倒计时自动关闭/跳转页面

最新推荐文章于 2022-06-14 17:49:48 发布

java_zhaoyanli

最新推荐文章于 2022-06-14 17:49:48 发布

阅读量3.7k

点赞数

分类专栏： WEB-DOM

本文链接：https://blog.csdn.net/java_zhaoyanli/article/details/50959319

版权

WEB-DOM 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

<span style="font-size:18px;"><!DOCTYPE HTML>
<html>
<head>
<title>倒计时自动关闭/跳转页面</title>
<meta charset="utf-8" />
<script>//作业: 改成周期性定时器实现
	function myClose(){//任务
		//取出time中的数,保存在n中
		var n=parseInt(time.innerHTML);
	  n-=1//将n-1
		if(n>0){//如果n>0
			//将n+秒钟后自动关闭 再放回time中
			time.innerHTML=n+"秒钟后自动关闭";
			//再启动下一次定时器，将序号再保存在timer中
			timer=setTimeout(arguments.callee,1000);
	  }else{//否则
			close();//关闭
		}
	}
	var timer=null;//保存定时器序号
	window.οnlοad=function(){
		timer=setTimeout(myClose,1000);//启动一次性定时器
	}
</script>
</head>
<body>
	<span id="time">5秒钟后自动关闭</span><br>
	<a href="javascript:clearTimeout(timer)">留在本页</a>
</body>
</html>
</span>