<!DOCTYPE html> <html>...-慕课网

                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

<!DOCTYPE html>
<html>
 <head>
  <title>浏览器对象</title>  
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>   
 </head>
 <body>
  <!--先编写好网页布局-->
  <h1>操作成功！</h1>
  
  <p><span id="second">3</span> 秒后回到主页 <a href="javascript:void();" onclick="goback();">返回</a></p>
  
 
  <script type="text/javascript">
 
   //获取显示秒数的元素，通过定时器来更改秒数。
    var sec = document.getElementById('second');
    var num = sec.innerHTML;

    var i = setInterval(changeSec,1000);
   
    
    function changeSec(){
      if(num>1){
        num--;
        sec.innerHTML = num;
      }else{
        clearInterval(i);
        window.location.href="http://baidu.com";
      }
    }
   
   //通过window的location和history对象来控制网页的跳转。
   function goback(){
       window.history.back();
   }
 </script> 
</body>
</html>