当前位置:Gxlcms > JavaScript > 实例讲解JS中setTimeout()的用法_javascript技巧

实例讲解JS中setTimeout()的用法_javascript技巧

时间:2021-07-01 10:21:17 帮助过:28人阅读

本文实例讲解了JS中setTimeout()的用法,分享给大家供大家参考,具体内容如下

效果图:

具体代码:




无标题文档

下面来说一说具体的用法:

1、参数
code (必需):(本意是代码的意思)要调用的函数后要执行的 JavaScript 代码串。
millisec(必需):在执行代码前需等待的毫秒数。
提示:
setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。
2、实例




functiontimedMsg()
{
vart=
setTimeout("
alert('5seconds!')",5000)
}




Clickonthebuttonabove.Analertboxwillbedisplayedafter5seconds.

3、实例(2)

4、执行

我们常常会遇到一种情况,setTimeout(code,millisec)中code包含形参,
例如:我们需要在1秒后向用户提示的信息存储于变量msg中,

此时不论是直接执行

还是

都不能达到预期的目的,因为定时器会努力地将code转化为一个function对象,第一个错例里定时器立即执行code希求返回一个function对象,结果扑了空;第二个虽然成功封装出function对象,但是定时器在msg的可见域外执行code,所以msg得不到正确的传递
推荐的解决办法是使用匿名函数回调

第一个参数传递了一个会调用所需语句的function对象,这样就解决了code带参的问题。

以上就是本文的全部内容,希望对大家学习javascript程序设计有所帮助。

人气教程排行