setInterval setTimeout clearInterval

setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。 

//第一次load的时候就先刷新一次
  setTimeout( function() {
    $.get('<%= sdn_topo_vnets_url%>', function( data ) {
      $( "#time_div" ).replaceWith( data );
        var max_len = 0;
        var min_len = 100000000000;
        for(var i = 0;i<linklen;++i)
        {
          if(min_len > vms_value_tx[i])min_len = vms_value_tx[i];
          if(max_len < vms_value_tx[i])max_len = vms_value_tx[i];
          if(min_len > vms_value_rx[i])min_len = vms_value_rx[i];
          if(max_len < vms_value_rx[i])max_len = vms_value_rx[i];
        }
    });
  }, 10 );//在10ms后执行一次

  

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。 

setInterval( function() {
    $.get('<%= sdn_topo_vnets_url%>', function( data ) {
      $( "#time_div" ).replaceWith( data );
        var max_len = 0;
        var min_len = 100000000000;
        for(var i = 0;i<linklen;++i)
        {
          if(min_len > vms_value_tx[i])min_len = vms_value_tx[i];
          if(max_len < vms_value_tx[i])max_len = vms_value_tx[i];
          if(min_len > vms_value_rx[i])min_len = vms_value_rx[i];
          if(max_len < vms_value_rx[i])max_len = vms_value_rx[i];
        }
    });
  }, 10000 );//10s执行一次

  

setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。 
语法 
setInterval(code,millisec[,"lang"]) 
参数 描述 
code 必需。要调用的函数或要执行的代码串。 
millisec 必须。周期性执行或调用 code 之间的时间间隔,以毫秒计。 
返回值 
一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。 
2,HTML DOM clearInterval()方法 
定义和用法 
clearInterval() 方法可取消由 setInterval() 设置的 timeout。 
clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。 
语法 
clearInterval(id_of_setinterval) 
参数 描述 
id_of_setinterval 由 setInterval() 返回的 ID 值。 
如何停止: 
下面这个例子将每隔 50 毫秒调用 clock() 函数。您也可以使用一个按钮来停止这个 clock: 

 
<html> 
<body> 
<input type="text" id="clock" size="35" /> 
<script language=javascript> 
var int=self.setInterval("clock()",50) 
function clock() 
{ 
var t=new Date() 
document.getElementById("clock").value=t 
} 
</script> 
</form> 
<button onclick="int=window.clearInterval(int)"> 
Stop interval</button> 
</body> 
</html> 

  

原文地址:https://www.cnblogs.com/juandx/p/4451199.html