js 404页面跳转

非原创

 1 <script type="text/javascript">  
 2     var num = 5;  
 3     function redirect() {  
 4         num--;  
 5         document.getElementById("num").innerHTML=num;  
 6         if (num < 0) {  
 7             document.getElementById("num").innerHTML = 0;  
 8             location.href = "login.html";  
 9         }  
10     }  
11     setInterval("redirect()", 1000);  
12 </script>

 1 <body>  
 2     <div class="admin-content">  
 3         <div class="am-cf am-padding">  
 4             <div class="am-fl am-cf">  
 5                 <strong class="am-text-primary am-text-lg">404</strong> / <small>That’s an error</small>  
 6             </div>  
 7         </div>  
 8   
 9         <div class="am-g">  
10             <div class="am-u-sm-12">  
11                 <h2 class="am-text-center am-text-xxxl am-margin-top-lg">404. Not Found</h2>  
12                 <p class="am-text-center">  
13                     没有找到你要的页面  
14                 </p>  
15                 <p class="am-text-center">  
16                     <span id="num">5</span>秒后自动跳转到首页<a href="login.html">马上跳转</a>  
17                 </p>  
18                 <pre class="page-404">          .----.  
19        _.'__    `.  
20    .--($)($$)---/#  
21  .' @          /###  
22  :         ,   #####  
23   `-..__.-' _.-###/  
24         `;_:    `"'  
25       .'"""""`.  
26      /,  ya ,\  
27     //  404!  \  
28     `-._______.-'  
29     ___`. | .'___  
30    (______|______)  
31         </pre>  
32             </div>  
33         </div>  
34     </div>  
35 </body>

效果