领先的免费Web技术教程,涵盖HTML到ASP.NET

网站首页 > 知识剖析 正文

setInterval()和setTimeout()区别及清除定时器

nixiaole 2024-11-11 15:27:27 知识剖析 26 ℃

概念

语法及解释:
var intervalID = window.setInterval(func, delay[, param1, param2, ...]);
intervalID 是此重复操作的唯一辨识符,可以作为参数传给clearInterval()。  

setInterval在指定的延迟时间之后调用一个函数或者执行一个代码片段。  
intervalID是你想要取消的重复动作的ID,这个ID是个整数,是由setInterval()返回的。

业务场景:

  • setTimeout用于延迟执行某方法或功能
  • setInterval则一般用于刷新表单,对于一些表单的假实时指定时间刷新同步
  • setTimeout()定义和用法

    提示:

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

    function hello(){
    	alert("hello");
    }
    //使用方法名字执行方法
    var t1 = window.setTimeout(hello,1000);
    var t2 = window.setTimeout("hello()",3000);//使用字符串执行方法
    window.clearTimeout(t1);//清除定时器

    setInterval()定义和用法

    //实时刷新时间单位为毫秒
    var timer=setInterval('refreshQuery()',8000); 
    /* 刷新查询 */
    function refreshQuery(){
       $("#mainTable").datagrid('reload',null);
    }
    
    clearInterval(timer);// 清除定时器
    最近发表
    标签列表