› 首页 ›期权学习›期权知识›正文

js 5秒钟倒计时跳转页面效果

xiaojiucai 期权知识 2020-08-18 650 0

使用js实现5秒以后倒计时页面跳转，这个在某些特殊情况下还是比较实用的，页面代码简单能自动读秒。这个JavaScript控制页面5秒后自动跳转的代码在很多开发中经常需要用到，感兴趣的朋友可以收藏一下！页面可以自己美化下。下面为大家介绍下具体的实现步骤。

<!DOCTYPE html>    
<html>    
	<head>    
		<meta charset="UTF-8">    
		<title></title>    
		<script type="text/javascript">    
			window.onload = function(){    
//				抓元素   抓span标签是数组，虽然只有一个    
				var dd = document.getElementById('title').getElementsByTagName('span')[0];    
//				设置一个定时器    
				setInterval(function(){    
//					获得当前的值 （因为span只有一个5，innerHTML跟获得文本textContent;(而且获得文本还要写一个兼容，更麻烦)结果是一样的）    
					var  tt = dd.innerHTML;    
//					计算新的值    
					var yy = tt-1;    
//					将新的值赋值回去    
					dd.innerHTML = yy;    
//					做一个判断    
					if (yy==1) {    
//						跳转    
					location.href='http://www.youku.com'    
					}    
				},1000)    
			}    
		</script>    
	</head>    
	<body>    
		<h1 id="title">找不到页面，<span>5</span>秒钟后跳转到首页</h1>    
	</body>    
</html>

原文链接：https://www.qiquanji.com/post/7372.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

版权声明

本文仅代表作者观点，不代表本站立场。
本文系作者授权发表，未经许可，不得转载。