循环执行 [setInterval] : 按照指定的周期(以毫秒计) 来调用函数或计算表达式. 方法会不停地调用函数, 直到 clearInterval () 被调用或窗口被关闭.
定时执行[setTimeout] : 在指定的毫秒数后调用函数或计算表达式.
setInterval()
语法:
setInterval(code,millisec,lang)
参数:
code: 必需, 要调用的函数或要执行的代码串.
millisec: 必须, 周期性执行或调用 code 之间的时间间隔, 以毫秒计.
lang: 可选, JScript | VBScript | JavaScript
示例: 每 1000 毫秒执行 clock() 函数
- <!DOCTYPE html>
- <HTML>
- <body>
- <input type="text" id="clock" />
- <script type="text/javascript">
- var int = self.setInterval("clock()", 1000);
- function clock() {
- var d = new Date();
- var t = d.toLocaleTimeString();
- document.getElementById("clock").value = t;
- }
- </script>
- <button onclick="int=window.clearInterval(int)">
- 停止
- </button>
- </body>
- </HTML>
停止执行代码[clearInterval()] 停止执行 setInterval() 中指定的函数.
setTimeout()
语法:
setTimeout(code,millisec,lang)
参数:
code: 必需, 要调用的函数后要执行的 JavaScript 代码串.
millisec: 必需, 在执行代码前需等待的毫秒数.
lang: 可选, 脚本语言可以是 JScript | VBScript | JavaScript.
示例: 每秒执行一次称为 "startTimer" 的功能
- // 每 1 秒执行一次 startTimer()
- setInterval(startTimer, 1000);
- function startTimer() {
- var date = new Date();
- document.getElementById("result").innerHTML = date.toLocaleTimeString();
- }
停止执行代码[clearTimeout()] 停止执行 setTimeout() 中指定的函数.
来源: http://www.jianshu.com/p/f3ebbf4f589c