setInterval setTimeout clearInterval

时间:2023-01-24 12:37:29

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>

  

setInterval setTimeout clearInterval的更多相关文章

  1. Javascript 的定时器 setInterval&comma;setTimeout&comma;clearInterval

    今天开通博客.来1个.哇哈哈哈~~ 今天本来想复习BOM的看到定时器也算DOM一种 ?(是这样吗).分享一下 参考源于:八神吻你 http://www.cnblogs.com/lmfeng/archi ...

  2. JavaScript--定时器setTimeout&lpar;&rpar;、clearTimeout&lpar;var param&rpar;和setInterval&lpar;&rpar;、clearInterval&lpar;var param&rpar;

    1.setTimeout().clearTimeout(var param) setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,只调用一次 clearTimeout() 方法可取 ...

  3. 每日技术总结:setInterval&comma;setTimeout&comma;文本溢出&comma;小程序,wepy

    前言: 项目背景:vue,电商,商品详情页 1.倒计时,倒计到0秒时停止 data () { return { n: 10 } }, created () { let int = setInterva ...

  4. setInterval setTimeout 详解

    JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如 setTimeout( ...

  5. setInterval 与 clearInterval详解

    首先注意,setInterval与clearInterval都是直属于window对象的. 1.直接调用setInterval(即不通过函数调用) <div id="oDiv_show ...

  6. JS不间断向上滚动 setInterval和clearInterval

    <div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><d ...

  7. setInterval&lpar;&rpar;、clearInterval&lpar;&rpar;、setTimeout&lpar;&rpar;和clearTimeout&lpar;&rpar;js计数器方法

    原文地址:http://caibaojian.com/setinterval-settimeout.html window.setInterval()方法 介绍 周期性地调用一个函数(function ...

  8. node&period;js之setTimeout&lpar;&rpar;、clearTimeout&lpar;&rpar;与 setInterval&lpar;&rpar;与clearInterval&lpar;&rpar;

    1.setTimeout函数与clearTimeout函数 setTimeout(cb,ms,[arg],[...])延时一定时间执行回调函数该函数中cb参数为必填函数,为需要执行的回调函数ms为经过 ...

  9. js中setTimeout、setInterval、 clearInterval方法简介

    setTimeout setTimeout(code, millisec) 用于在指定的毫秒数后调用函数或计算表达式. 说明: setTimeout()只执行一次code.如果要多次调用,要使用set ...

随机推荐

  1. C算法编程题(五)&OpenCurlyDoubleQuote;E”的变换

    前言 上一篇<C算法编程题(四)上三角> 插几句话,说说最近自己的状态,人家都说程序员经常失眠什么的,但是这几个月来,我从没有失眠过,当然是过了分手那段时期.每天的工作很忙,一个任务接一个 ...

  2. &lbrack;译&rsqb; 你该知道的javascript作用域 &lpar;javascript scope&rpar;&lpar;转&rpar;

    javascript有一些对于初学者甚至是有经验的开发者都难以理解的概念. 这个部分是针对那些听到 : 作用域, 闭包, this, 命名空间, 函数作用域, 函数作用域, 全局作用域, 变量作用域( ...

  3. python-数据类型补充及文件处理操作

    ___数据类型____ 一.列表的复制 浅复制和深复制 浅复制只复制一层,深复制完全克隆,慎用 1.实现浅复制的三种方式: name=['song','xiao','nan'] import copy ...

  4. SQL索引学习-索引结构

    前一阵无意中和同事讨论过一个SQL相关的题(通过一个小问题来学习SQL关联查询),很惭愧一个非常简单的问题由于种种原因居然没有回答正确,数据库知识方面我算不上技术好,谈起SQL知识的学习我得益于200 ...

  5. Android实例-操作sqlite数据之自建导航&lpar;XE8&plus;小米2&rpar;

    相关资料: 源文:http://blog.sina.com.cn/s/blog_77691fb90101g9hh.html help://embarcadero.rs_xe5/rad/Mobile_T ...

  6. CSS &colon;befor &colon;after 伪元素的妙用

    本篇重点介绍CSS中的:befor.:after创建的伪元素几种使用场景,如填充文本.作为iconfont.进度线.时间线以及几何图形. 1. 介绍 1.1 说明 CSS中的:befor.:after ...

  7. Codeforces 1110D&period; Jongmah 动态规划

    原文链接https://www.cnblogs.com/zhouzhendong/p/CF1110D.html 题意 给定 n 个数,每一个数都是在 [1,m] 里的整数. 从中取出形如 {x,x,x ...

  8. Openldap命令详解

    Openldap 客户端常用管理命令 1.ldapadd -x: 简答认证方式 -W: 不需要在命令上写密码 ldapapp -x -D "cn=Manager,dc=suixingpay, ...

  9. Oracle中Merge的使用

    MERGE INTO products p USING product_changes pc ON (p.product_id = pc.product_id) WHEN MATCHED THEN - ...

  10. Spring注入的不同方式

    1.直接创建一个Bean <bean id="dboperate" class="study.spring2.Test"></bean> ...