网页五秒无操作，自行跳转制定网页-原创手记-慕课网

网页五秒无操作，自行跳转制定网页

qq_你好再见_7 2017-04-25 14:59:05 浏览 3278

qq_你好再见_7

关注TA

手记 2

粉丝 0

获赞 15

<!DOCTYPE html>
<html>
 <head>
  <title>浏览器对象</title>  
  <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>   
 </head>
 <body>
  <!--先编写好网页布局-->
  <p>
      <h1>操作成功</h1>
    <b id="second">5</b>秒后返回到主页<input type="button" value="返回" id="back" onclick="getBack()"> 
  </p>

  <script type="text/javascript">  
 var sj=document.getElementById("second");
 var i=5;
 setInterval(function()
 {i--;
    sj.innerHTML=i;
    if(i==1){
        window.location.href="http://imooc.com";
    }
 },1000);
   //获取显示秒数的元素，通过定时器来更改秒数。
function getBack(){
  window.history.back();
}

   //通过window的location和history对象来控制网页的跳转。

 </script> 
</body>
</html>

3人推荐

发表评论