<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>404</title>
<style>
	body{
		background-color:#ddd;
		font-size:14px;
	}
	.main-box{
		width: 700px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -350px;
		margin-top: -200px;
	}
	.main-box h1{
		color: #333;
		text-align: center;
		font-size: 200px;
		line-height: 220px;
		margin:0;
	}
	.main-box p{
		text-align: center;
		font-size: 18px;
		line-height: 1.7em;
		color: #777;
	}
	.main-box p a{
		color: #777;
		text-decoration: none;
	}

</style>
</head>

<body>
	<div class="main-box">
        <h1>404</h1>
        <p>抱歉，该链接地址不存在。</p>
        <p><a href="http://tammy0308.com.cn/"><span id="time"></span>返回首页</a> </p>
    </div>

</body>
<script>
	var wait=4;  
	timeOut();  
	function timeOut(){  
		if(wait==1){   
			window.location.href='http://tammy0308.com.cn/';
		}else{                    
			setTimeout(function(){  
				wait--;  
				var obj = document.getElementById("time");
				obj.innerHTML = wait + " 秒后";
				timeOut();  
			},1000)  
		}  
	}  

</script>
</html>
