404.html 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <!DOCTYPE html >
  2. <html>
  3. <head>
  4. <meta charset=utf-8" />
  5. <title>简简单单404文字页</title>
  6. <style type="text/css">
  7. body {
  8. background-color: #ECECEC;
  9. color: #3c3c3c;
  10. text-align:center
  11. }
  12. .demo{width:100%;margin:0 auto;}
  13. .demo p{ font-size: 2.2rem;}
  14. .demo .title{ font-size: 10rem;}
  15. </style>
  16. <script type="text/javascript">
  17. var run_404 = function(count_down_num,congge_home){
  18. var go_to_home = document.getElementById('go_to_home');
  19. go_to_home.innerHTML=count_down_num;
  20. the_num = --count_down_num;
  21. if(the_num>0){
  22. setTimeout("run_404("+the_num+",'"+congge_home+"')",1000);
  23. }
  24. else{
  25. location.href=congge_home;
  26. }
  27. }
  28. </script>
  29. </head>
  30. <body>
  31. <div class="demo">
  32. <p class="title">404</p>
  33. <p>
  34. 该页面不存在,正在跳转到首页
  35. <span id="go_to_home">500</span>
  36. 秒后跳转到首页
  37. </p>
  38. </div>
  39. <script type="text/javascript">
  40. run_404(500,'/');
  41. </script>
  42. </body>
  43. </html>