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>

  

上一篇:Rafy 框架 - 执行SQL或存储过程


下一篇:CSS设计之页面滚动条出现时防止页面跳动的方法