倒计时404页面自动跳转JS代码

沃森博客 2017年9月18日09:56:11JS/jQuery评论500阅读模式

一个动态的倒计时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("https://wosn.net");?//网址修改成你要跳转的默认首页</script>
  18. ????<div?id="ShowDiv"></div>
  19. </body>

AD支持一下沃森博客,请点这里一下!

  • 博主QQ
  • 2807460584
  • weinxin
  • 博主QQ
  • 2807460584
  • weinxin
沃森博客
  • 本文由 发表于 2017年9月18日09:56:11
  • 转载请务必保留本文链接:https://wosn.net/608.html

发表评论