js定时器

来源:互联网 发布:js按钮current trigger 编辑:程序博客网 时间:2024/06/07 03:09
js定时器分为两个方法:
setInterval() :按照指定的周期(以毫秒计)来调用函数或计算表达式。方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。
setTimeout() :在指定的毫秒数后调用函数或计算表达式。

1,setInterval()

语法:setInterval(code,millisec,lang)
  参数:code:必需,要调用的函数或者要执行的代码块
            millisec:必需,周期性执行或调用 code 之间的时间间隔,以毫秒计。

            lang: 可选。 JScript | VBScript | JavaScript

例子:

<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title><script type="text/javascript">var int=self.setInterval("clock()",1000);function clock(){alert("test  "+i);}</script></head><body><button onclick="int=window.clearInterval(int)">停止</button></body></html>

2,setTimeout()

语法:setTimeout(code,millisec,lang)
参数:code:必需,要调用的函数或者要执行的代码块
            millisec:必需,周期性执行或调用 code 之间的时间间隔,以毫秒计。
            lang: 可选。 JScript | VBScript | JavaScript
<!DOCTYPE html><html><head><meta charset="utf-8"><title> </title></head><body><p>点击按钮,在等待 3 秒后弹出 "Hello"。</p><button onclick="myFunction()">点我</button><script>function myFunction() {    setTimeout(function(){alert("Hello")},3000);}</script></body></html>