jQuery实现倒计时跳转的例子

  •   
  • 1247
  • jquery
  • 9
  • dodobook
  • 2015/05/11

对于一些网站数据变动频繁,有些页面就可能经常出现404页面。很多ui设计师都专门设计了404页面的界面。但是作为程序员,这还是不够的。为了让用户更多的留在你的网站。你还应该制作一个几秒钟跳转到你的首页或者指定页面的功能。这样用户不用操作的情况下也可以浏览更多的内容。直接上代码.

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>jQuery实现倒计时跳转的例子</title>
	<script src="/js/jquery.js"></script>	
</head>
<body>
	<h3 style="color:red">欢迎来到DodoBook.net!</h3>
	<h3>页面将在3秒后跳转...还剩<span id="num">3</span>秒</h3>

	<script language="javascript">
		$(document).ready(function() {		//当页面加载的时候

			//跳转的方法
			function jump(count) { 
				window.setTimeout(function(){ 
					count--; 
					if(count > 0) { 
						$('#num').html(count); 
						jump(count); 
					} else { 
						location.href="http://www.dodobook.net"; 
					} 
				}, 1000); 
			} 

			jump(3); 		//3秒后跳转
		}); 
	</script>

</body>
</html>

慎言其余,则寡尤;多见阙殆,慎行其余,则寡悔。言寡尤,行寡悔。