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

Javascript 定时器篇 setTimeout和setInterval

标签：

原文地址：http://my.oschina.net/piggly/blog/383191