现在的位置: 网页制作教程网站制作教程 >正文
JavaScript脚本

js实现几秒动态倒计时之后跳转

发表于2016/12/15 网站制作教程 0条评论 ⁄ 热度 2,901℃

在很多网站上都看到过多少秒之后就返回的效果,网页上的时间秒数在动态变化,当倒计时到0时,就跳转到指定的网址。

其实这种效果用js就可以实现,下面是实例代码:

<html>
 <head>
   <title>出错啦~~~</title>
   <link href="css/login1.css" mce_href="css/login1.css" rel="stylesheet" type="text/css" />
   <script language="javascript" type="text/javascript">
      var i = 5;
      var intervalid;
      intervalid = setInterval("fun()", 1000);
      function fun() {
        if (i == 0) {
          window.location.href = "../index.html";
          clearInterval(intervalid);
        }
        document.getElementById("mes").innerHTML = i;
        i--;
      }
   </script>
 </head>
 <body>
   <div id="errorfrm">
     <h3>出错啦~~~</h3>
     <div id="error">
       <img src="images/error.gif" mce_src="images/error.gif" alt="" />
       <p>系统出错,请联系管理员!</p>
       <p>将在 <span id="mes">5</span> 秒钟后返回首页!</p>
     </div>
  </div>
 </body>
</html>
  • 暂无评论