setTimeout与setInterval的区别浅析

时间 2019-12-10

标签 settimeout setinterval 区别浅析繁體版

原文原文链接

在网页制做动态效果时，必定会遇到某些需求，要求某段程序等待多时时间后再开始执行，就像在咱们的生活中同样，待会儿再开始作一件事。在JavaScript中主要经过定时器实现此类需求，本文将对定时器作一个归纳，正对setTimeout()作一个详细用法总结。函数

setTimeout()定义和用法spa

首先让咱们看一看W3C上关于setTimeout方法的介绍code

定义
ip

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。ci

语法字符串

setTimeout(code,millisec)get

参数：
同步

code：必需。要调用的函数后要执行的 JavaScript代码串。string

millisec：必需。在执行代码前需等待的毫秒数。io

提示

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()定义和用法

代码

     ? 
   
         //实时刷新时间单位为毫秒 
        
         setInterval( 
         'refreshQuery()' 
         ,8000);  
        
         /* 刷新查询 */ 
        
         function 
         refreshQuery(){ 
        
         $( 
         "#mainTable" 
         ).datagrid( 
         'reload' 
         , 
         null 
         ); 
        
         }

业务场景

setTimeout用于延迟执行某方法或功能
setInterval则通常用于刷新表单，对于一些表单的假实时指定时间刷新同步