javaScript利用计时器setInterval（）定时后转到另一个页面的小程序

最新推荐文章于 2024-10-24 15:12:43 发布

原创最新推荐文章于 2024-10-24 15:12:43 发布 · 1.1k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #function #html

收录于

javaWeb 同时被 2 个专栏收录

3 篇文章

订阅专栏

javascript

2 篇文章

订阅专栏

本文介绍了一个简单的页面倒计时自动跳转功能的实现方法。通过JavaScript设置定时器来更新显示的剩余时间，并在计时结束后自动跳转到指定页面。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
	
	var timeId ;
	
	function loadTime(){//每秒钟时间计数器就执行一次countLoad()函数 直到执行到计数器消除
		
		timeId = setInterval("countLoad();", 1000);
		
	}
	
	
	
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body onload="loadTime();">
	页面  <font id="num" color="blue">5</font> 秒后转到客车之家首页!
	<script type="text/javascript">
	var sec = 5;
	function countLoad(){
		
		if(sec > 0){
			document.getElementById("num").innerHTML = sec--;
		}
		else {
			clearInterval(timeId);
			location.href="http://www.bushome.net/";
		}
	}
	</script>
</body>
</html>