Javascript 定时器篇 setTimeout和setInterval

标题定时器，让我想起了年代久远的VB，那时候也有个定时器，长的跟闹钟同样（）相信跟我同样用过VB的人都不陌生。很基础的东西，可是做用却很大。记得那时候我还不太会用，忘记是用来作动画了，仍是干吗了。不过现在，已经入门编程语言了，那么就用CODE来讲吧。今天我么要说的是WEB 前端技术 Javascript 的2大定时器。存活了好久，用处依旧大大大的~~~他们分别就是 setTimeout和setInterval。

Javascript自己区分大小写，因此要注意 setTimeout和setInterval 大小写差异。它们2个的区别大体以下：

setTimeout，相似倒计时，时间到就执行并且只执行一次

setInterval，是一个循环的倒计时，会间隔必定时间就执行一次，不干预中止就会一直运行下去。

这里面我英文很差，第二个 setInterval 真的是记不住也是由于它有了这篇文章。而这2个函数的写法是同样的。

setTimeout(code, time);

setInterval(code, time);

code就是要执行的JS代码，这里咱们通常都习惯写好一个函数，这里写个函数名字就行了，而time则是间隔的时间，单位是毫秒。好比咱们要写一个间隔3秒弹出一个对话框来。就这么写。

function sayhi(){

  alert('Hi');

}

var t1 = setTimeout('sayhi()', 3000);

var t2 = setInterval('sayhi()', 3000);

这样就能实现了，打开页面间隔3秒后弹出一个对话框显示Hi了。而这里不一样的是 setInterval 会每三秒弹出一次，因此不关闭浏览器就会没完没了，不过这里谷歌作了个好事，能够关掉同类提示。。。

固然计时器有启动天然也有中止，咱们来看看中止的方法。

clearTimeout(t1);

clearInterval(t2);

就是上面这2个，就是中止计时器的方法。而他们的参数也是同样的，对应到启动赋值变量就好，参考sayhi的例子。这个中止用处也不少的。好比动画上，或者说，咱们之前要作的，间隔3秒后，就会触发一个事情，可是三秒内用户触发了中止操做，那么就能够停止掉。通常多见于弹出演示什么的，比如百度这些自动提示相关词汇也是能够这么作的，减小服务器资源，也肯定是客户要进行等待结果。。。。

东西很少，不过今天元宵节。虽然过去了。。。不过仍是说一下吧。

原文地址：http://www.phptext.net/article_view.php?id=521