js中setInterval和setTimeout用法及区别

其实这个很简单，只是今天刚好用到setInterval，加上别人问起，所以就在这里留下点记录勒。

 

setInterval和setTimeout都是定时器，不同在于setInterval会一直执行，而setTimeout只执行一次就停止勒。

 

下面是一个简单的例子：

 

>>>>js部分

function setValue1(){ var now = new Date(); $("#li_t1").html(now.toLocaleString()); setInterval(setValue1,1000); } function setValue2(){ var now = new Date(); $("#li_t2").html(now.toLocaleString()); } jQuery(function(){ $("#li_1").html("lab1运用setInterval函数,所以时间会即时刷新,1秒更新一次,如下:<br/>"); setValue1(); $("#li_2").html("由于lal2的内容设置采用了setTimeout函数并设置5000毫秒,所以页面加载5秒后才会显示时间，而且只执行一次后显示当时的时间,不会更新:<br/>"); setTimeout(setValue2,5000); });

 

>>>>html部分

<ul> <li id="li_1"></li> <li id="li_t1"></li> <li id="li_2"></li> <li id="li_t2"></li> </ul>

 

｛pic1｝,页面加载时的运行效果如下：

 

｛pic2｝,运行一段时间以后：