倒計時404頁面自動跳轉JS代碼

2017年9月18日09:56:11 發表評論

一個動態的倒計時404頁面自動跳轉JS代碼,以本博客WordPress為例把下面的代碼添加到主題404.php文件內。

倒計時404頁面自動跳轉JS代碼

代碼如下:

  1. <script?language='javascript'?type='text/javascript'>
  2. ?????????var?secs?=?6;?//倒計時的秒數
  3. ?????????var?URL;
  4. ?????????function?Load(url)?{
  5. ?????????????URL?=?url;
  6. ?????????????for?(var?i?=?secs;?i?>=?0;?i--)?{
  7. ?????????????????window.setTimeout('doUpdate('?+?i?+?')',?(secs?-?i)?*?1000);
  8. ?????????????}
  9. ?????????}
  10. ?????????function?doUpdate(num)?{
  11. ?????????????document.getElementById('ShowDiv').innerHTML?=?'<h2>還有<span?style="color:red">'?+?num?+?'</span>秒后自動反回首頁<h2>';
  12. ?????????????if?(num?==?0)?{?window.location?=?URL;?}
  13. ?????????}
  14. ????</script>
  15. </head>
  16. <body>
  17. ????<script?language="javascript"?type="text/javascript">Load("http://www.unchongwo.cn");?//網址修改成你要跳轉的默認首頁</script>
  18. ????<div?id="ShowDiv"></div>
  19. </body>

AD支持一下沃森博客,請點這里一下!

歷史上的今天:

  • 博主微信
  • 趕快加我來聊天吧
  • weinxin
  • 博主QQ
  • QQ號:862277464
  • weinxin

發表評論

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: