AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

HTML页面定时跳转方法解析(2种任选)

51自学网 http://www.wanshiok.com
html,定时跳转,页面定时跳转

有 2 种方法可以实现 html 的定时页面跳转,1、meta refresh 实现。2、JavaScript 实现。

1、通过 meta refresh 实现 3 秒后自动跳转到 http://www.cnblogs.com/wuxibolgs329/ 页面。

<!doctype html> <html>   <head>      <meta charset="utf-8">      <title>前端笔记</title>      <meta http-equiv="refresh" content="3;url=http://www.cnblogs.com/wuxibolgs329/">    </head>  <body>  </body></html>

2、通过 JavaScript 实现 8 秒后自动跳转到 http://www.cnblogs.com/wuxibolgs329/  页面。

<!doctype html>  <html>    <head>      <meta charset="utf-8">      <title>前端笔记</title>      <script type="text/javascript">        var time = 8; //时间,秒        function Redirect() {         window.location = "http://www.cssue.com/";        }        var i = 0;        function dis() {         document.all.s.innerHTML = "还剩" + (time - i) + "秒";         i++;        }        timer = setInterval('dis()', 1000); //显示时间        timer = setTimeout('Redirect()', time * 1000); //跳转      </script>  </head>  <body>    <span id="s"></span>  </body></html>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持wanshiok.com!


html,定时跳转,页面定时跳转  
上一篇:详解js的事件代理(委托)  下一篇:vue双向绑定的简单实现