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

源自：8-17 编程练习

为什么我直接获得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>

提问者：孤独的小猪 2016-10-28 11:43

个回答

某炮

2016-10-28 12:13:57

var timer=setInterval(function(){
       i --;
       seconder = i;
       if(i==1){
           window.location.href="http://www.baidu.com";
       }
       },1000)
中的seconder改为document.getElementById("second").innerHTML
太最求缩写了，seconder被赋予的值是5，并不能代替document.getElementById("second").innerHTML的功能。
还有，有了seconder就不需要i了

0