帮忙弄个刷新的问题


<HTML>   
  <HEAD>   
  <TITLE></TITLE>   
  <SCRIPT>   
  var   intervalID=0;   
  function   f_start(){   
  intervalID=window.setInterval("f_add()",500);   
  }   
  function   f_add(){   
  var   obj=document.getElementById("spanTest");   
  var   val=parseInt(obj.innerHTML);   
  if   (val.toString()=="NaN")   val=0;   
  val++;   
  obj.innerHTML=val;   
  }   
  function   f_stop(){   
  window.clearInterval(intervalID);   
  }   
  </SCRIPT>   
  </HEAD>   
  <BODY   onload="f_start()">   
    
  <span   id="spanTest"></span>   
  <input   type=button   value="stop"   onclick="f_stop()">   
  </BODY>   
  </HTML>
我如何实现不要这个按钮,当数字等于20自动停止刷新.TKS

解决方案 »

  1.   


    <HTML>   
      <HEAD>   
      <TITLE></TITLE>   
      <SCRIPT>   
      var   intervalID=0;   
      function   f_start(){   
        intervalID=window.setInterval("f_add()",500);   
      }   
      function   f_add(){   
      var   obj=document.getElementById("spanTest");   
      var   val=parseInt(obj.innerHTML);   
      if   (val.toString()=="NaN")   val=0;   
      val++;   
      obj.innerHTML=val;
      if(val == 20) location.reload();
      }   
      </SCRIPT>   
      </HEAD>   
      <BODY   onload="f_start()">   
      <span   id="spanTest"></span>   
      </BODY>   
      </HTML>
      

  2.   

    <HTML>   
      <HEAD>   
      <TITLE></TITLE>   
      <SCRIPT>   
      var   intervalID=0; 
      var val=0  
      function   f_start(){   
      intervalID=window.setInterval("f_add()",500);   
      }   
      function   f_add(){   
        var   obj=document.getElementById("spanTest");   
        val++;   
        obj.innerHTML=val;
        if(val==20){f_stop()}   
      } 
      
      function   f_stop(){   
      window.clearInterval(intervalID);   
      }   
      </SCRIPT>   
      </HEAD>   
      <BODY   onload="f_start()">   
        
      <span   id="spanTest"></span>   
      <input   type=button   value="stop"   onclick="f_stop()">   
      </BODY>   
      </HTML>
      

  3.   


    <HTML>   
      <HEAD>   
      <TITLE></TITLE>   
      <SCRIPT>     function   f_start(){   
    var intervalID=window.setInterval(function(){
      var   obj=document.getElementById("spanTest");   
      var   val=parseInt(obj.innerHTML);   
      if   (val.toString()=="NaN")   val=0;   
      val++;   
      if(val >= 20){
    clearInterval(intervalID);
      }
      obj.innerHTML=val;   
    },500);   
      }     </SCRIPT>   
      </HEAD>   
      <BODY   onload="f_start()">   
        
      <span   id="spanTest"></span>   
    <!--   <input   type=button   value="stop"   onclick="f_stop()">    -->
      </BODY>   
      </HTML>
      

  4.   

    <script> 
    var   intervalID; 
    window.onload=function()
    {
        intervalID=window.setInterval("f_add()",500); 
    }
      function   f_add(){   
      var   obj=document.getElementById("spanTest");   
      var   val=parseInt(obj.innerHTML);   
      if   (val.toString()=="NaN")   val=0;   
      val++;   
      obj.innerHTML=val;   
    if(val==20) f_stop();
      }   
      function   f_stop(){   
      window.clearInterval(intervalID);   
      }   
    </script>