setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
提示: 1000 毫秒= 1 秒。
提示: 如果你只想重复执行可以使用 setInterval() 方法。
提示: 使用 clearTimeout() 方法来阻止函数的执行。
所有主要浏览器都支持 setTimeout() 方法
setTimeout(code, milliseconds, param1, param2, ...)
setTimeout(function, milliseconds, param1, param2, ...)
参数 | 描述 |
---|---|
code/function | 必需。要调用一个代码串,也可以是一个函数。 |
milliseconds | 可选。执行或调用 code/function 需要等待的时间,以毫秒计。默认为 0。 |
param1, param2, … | 可选。 传给执行函数的其他参数(IE9 及其更早版本不支持该参数)。 |
返回值: | 返回一个 ID(数字),可以将这个ID传递给 clearTimeout() 来取消执行。 |
---|
DEMO1:3 秒(3000 毫秒)后弹出 “Hello” :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Web176教程(Web176.com)</title> </head> <body> <p>点击按钮,3 秒后会弹出 "Hello"。</p> <button >
DEMO2:在第 2、4、6 秒修改输入框中的文本。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Web176教程(Web176.com)</title> </head> <body> <p>点击按钮,在第 2、4、6 秒修改输入框中的文本:</p> <button >