# JavaScript 事件超时控制

**URL:** <https://www.isharkfly.com/t/javascript/8558>\
**Category:** 前端\
**Created:** [October 24, 2012, 12:21am UTC](https://www.isharkfly.com/t/javascript/8558 "2012-10-24T00:21:05Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![honeymoose](https://www.isharkfly.com/user_avatar/www.isharkfly.com/honeymoose/32/20796_2.png) [@honeymoose](https://www.isharkfly.com/u/honeymoose)\
**Post date:** [October 24, 2012, 12:21am UTC](https://www.isharkfly.com/t/javascript/8558/1 "2012-10-24T00:21:05Z")

</div>

Window 对象提供setTimeout()方法用于设置某事件的超时，即在设定的时间到来时触发某指定的事件，该方法的实际应用有警告框的显示时间和状态栏的跑马灯效果、打字效果等。

其语法如下：`var timer=window.setTimeout(targetProcess,itime);
var timer=setTimeout(targetProcess,itime);`参数targetProcess 表示设定超时的目标事件，参数itime 表示设定的超时时间，以毫秒(ms)为单位，返回值timer 为该事件超时的引用变量名。

同时，Window 对象提供clearTimeout()方法来清除通过参数传入的事件超时操作。

该语法如下：`clearTimeout(timer);`该方法接受唯一的参数timer 指定要清除的事件超时引用变量名，方法执行后将该事件超时设置为失效。

考察如下演示状态栏打字效果的代码：[code]

Sample Page!   

单击对应的按钮，实现状态栏打字效果的显示与停止!

  
  
 [/code]程序运行后，出现如图7.19 所示页面。在此页面单击“开始状态栏滚动”按钮后，状态栏中状态信息从空白逐字增加直到指定字符串结束，然后清空为空白并重复此过程。

该实例演示了 Window 对象的setTimeout()和clearTimeout()方法的使用情况，如果要更改打字效果中字符出现的速度，只需修改TimerID=setTimeout(“MyScroll();”,interval)语句里面的间隔时间interval 即可实现。

 ![](https://com-ossez-www-discourse.s3.dualstack.us-east-2.amazonaws.com/discourse-uploads/original/2X/9/94e276de449e16ef8ba1098cf06a414d3960b0e9.png)