首页 > 代码库 > JS中的setTimeout和setInterval的区别

JS中的setTimeout和setInterval的区别

2024-07-18 02:10:50   228人阅读

         学了许久的javascript，发现其中非常常用的两个函数，就是setInterval和setTimeout函数，对这两个函数的理解，有时觉得很模糊，经过多次的试验，终于对它有了比较深入的了解。定义，setInterval()-- 间隔指定的毫秒数不停地执行指定的代码.setTimeout，延迟两秒调用函数，这个定义非常的简单，但是它并不像字面意思上那么的简　　　

很多人都觉得这两个方法差不多,但是,实际上,他们差的很远呢
    因为setTimeout(表达式,延时时间)在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次
    而setInterval(表达式,交互时间)则不一样,它从载入后,每隔指定的时间就执行一次表达式
    所以,完全是不一样的
    
    很多人习惯于将setTimeout包含于被执行函数中,然后在函数外再次使用setTimeout来达到定时执行的目的
    这样,函数外的setTimeout在执行函数时再次触发setTimeout从而形成周而复始的定时效果
    
    使用的时候各有各的优势，使用setInterval，需要手动的停止tick触发。而使用方法中嵌套setTimeout，可以根据方法内部本身的逻辑不再调用setTimeout就等于停止了触发。
    
    其实两个东西完全可以相互模拟，具体使用那个，看当时的需要而定了。就像for可以模拟所有的循环包括分支，而还提供了do、while一样。
 
  //每60秒执行myFunction()一次
   setInterval("myFunction()",60000);
    funcition myFunction(){
   alert(’myFunction()’);
   }
   //每60秒执行一次myFunction()
setTimeout("myFunction()",60000);   //需要函数触发


联系
我们