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

为什么我直接获得html的值，然后更改值，html显示的5一直不变呢？

<!DOCTYPE html>
<html>
 <head>
  <title>浏览器对象</title>  
  <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>   
 </head>
 <body>
  <!--先编写好网页布局-->
  <h4>操作成功</h4>
  <p>
      <b id="second">5</b>秒返回到主页 &nbsp;<a href="javascript:goBack();">返回</a>
  </p>
 
  <script type="text/javascript">  
 
   //获取显示秒数的元素，通过定时器来更改秒数。
    var seconder = document.getElementById("second").innerHTML;
   //通过window的location和history对象来控制网页的跳转。
   var i = 5
   var timer=setInterval(function(){
       i --;
       seconder = i;
       if(i==1){
           window.location.href="http://www.baidu.com";
       }
       },1000)
    function goBack(){
        window.history.go(-1);
    }   
 </script> 
</body>
</html>