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

2017年9月18日09:56:11 发表评论 122

一个动态的倒计时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支持一下沃森博客,请点这里一下!

  • 博主微信
  • 赶快加我来聊天吧
  • weinxin
  • 站长技术资源群
  • 群号:483950522
  • weinxin

发表评论

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