17
2018
09

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

使用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

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

gzh

微信扫码关注

更新实时通知

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。