HTML 实现页面加载计时器 5秒倒计时后跳转页面

最新推荐文章于 2024-04-22 11:08:12 发布

劉叁尐

最新推荐文章于 2024-04-22 11:08:12 发布

阅读量1.4w

点赞数 6

本文链接：https://blog.csdn.net/qq_43021813/article/details/82820965

版权

HTML 页面加载计时器 5秒倒计时后跳转页面

很简单的一个页面计时器

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>倒计时五秒后跳页面</title>
		<script>
			function countDown(){
				//获取初始时间
				var time = document.getElementById("Time");
				
				//获取到id为time标签中的数字时间
				if(time.innerHTML == 0){
					//等于0时清除计时，并跳转该指定页面
					window.location.href="https://blog.csdn.net/qq_43021813";
				}else{
					time.innerHTML = time.innerHTML-1;
				}
			}
			//1000毫秒调用一次
			window.setInterval("countDown()",1000);
		</script>
		<style>
			#Time,#p{
				font-size: 150px;
				text-align: center;
			}
			#Font,#p{
				font-size: 100px;
				text-align: center;
			}
		</style>
	</head>
	<body>
		<font color="yellow"><p id="Time" >5</p></font>
		<p id="Font">将跳转至主页</p>
	</body>
</html>

就这么一点的代码实现倒计时跳转页面

劉叁尐

关注

6
点赞
踩
27

收藏

觉得还不错? 一键收藏
8
评论
HTML 实现页面加载计时器 5秒倒计时后跳转页面

HTML 页面加载计时器 5秒倒计时后跳转页面很简单的一个页面计时器&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;倒计时五秒后跳页面&lt;/title&gt; &lt;script&gt; function
复制链接

扫一扫