jquey和原生js里setTimeout 、setInterval的用法

 

　　概括的说setInterval在执行完一次代码之后，经过了那个固定的时间间隔，它还会自动重复执行代码，而setTimeout只执行一次那段代码。

　　先看原生的js里setTimeout里的用法：

　　1.setTimeout有两种形式

 　　 setTimeout(code,interval)  

        setTimeout(func,interval,args)

 　　 其中code是一个字符串，可以为表达式比如说code='alert("ok")'   func是一个函数.

  　　注意"函数"的意义,是一个表达式,而不是一个语句.   比如你想周期性执行一个函数   function a(){       //...   }   可写为   setTimeout("a()",1000)   或   s　　etTimeout(a,1000)

    这里注意第二种形式中,是a,不要写成a(),切记!!!

  

一旦调用了这个函数，那么就会每隔5秒钟就显示一次时间。如果使用setInterval，则相应的代码如下所示：

File: settimeout_setinterval2.js

setInterval("showTime()", 5000);

function showTime()

{

    var today = new Date();

    alert("The time is: " + today.toString());

}

这两种方法可能看起来非常像，而且显示的结果也会很相似，不过两者的最大区别就是，setTimeout方法不会每隔5秒钟就执行一次showTime函数，它是在每次调用setTimeout后过5秒钟再去执行showTime函数。这意味着如果showTime函数的主体部分需要2秒钟执行完，那么整个函数则要每7秒钟才执行一次。而setInterval却没有被自己所调用的函数所束缚，它只是简单地每隔一定时间就重复执行一次那个函数。我觉得简单的来说比如说setInterval里的函数也要执行2秒，但是setInterval不会管你的函数执行多少秒，依然会每隔5秒就执行这个函数。

  它们分别和clearInterval和clearTimeout搭配使用，举个例子var t=setInterval("a()",1000)(后一个单位是ms,1000ms=1s),然后用clearInterval(t)清除这个setInterval,setTimeout也是一样。

如果要求在每隔一个固定的时间间隔后就精确地执行某动作，那么最好使用setInterval，而如果不想由于连续调用产生互相干扰的问题，尤其是每次函数的调用需要繁重的计算以及很长的处理时间，那么最好使用setTimeout。

以上部分是来自网上的一些资料，下面说说jquery里面的这两个函数和原生js到底有什么异同：

Jquery里面的setInterval和setTimeout:

 其实差不多，需要注意的是在jquery里使用setInterval（“a()”,1000）时会出现提示缺少对象的错误，此时应用jQuery的扩展可以解决这个问题。

(a) 使用jquery扩展

$(document).ready(function(){

   $.extend(function(){

    show:function()

    {

         alert("this is show func");

   }

})

})

 如今用setInterval("show()",1000) 此时就是正确的

    (b)直接使用函数名作为setInterval的第一个参数，如下

       setInterval(show,1000);

　　但是对于setTimeout就不会出现上面(a)里的问题,算是它们的一个区别吧！

     同时setTimeout也可以自身调用自己来实现类似setInterval的功能，例如

          function show()

        {

          setTimeout(show,1000);

             //其它内容

       }

      以上内容都是出自网上的各种资料，写在这里供自己学习~~