Window setInterval() 方法

亦凉 2022-05-12 00:04 183阅读 0赞

## 定义和用法 ##

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

setInterval() 方法会不停地调用函数，直到 [clearInterval()][clearInterval] 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

**提示：** 1000 毫秒= 1 秒。

## 语法 ##

setInterval(code,millisec,lang)

<table style="border-collapse:collapse;border:0px;color:#333333;font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, STHeiti, 'Microsoft Yahei', sans-serif;font-size:12px;line-height:normal;"> 
 <tbody style="border:0px;"> 
  <tr style="border:0px;background-color:#f6f4f0;"> 
   <th style="border-collapse:collapse;border:1px solid #555555;color:#ffffff;vertical-align:top;background-color:#555555;" align="left">参数</th> 
   <th style="border-collapse:collapse;border:1px solid #555555;color:#ffffff;vertical-align:top;background-color:#555555;" align="left">描述</th> 
  </tr> 
  <tr style="border:0px;"> 
   <td style="border-collapse:collapse;border:1px solid #d4d4d4;font-size:13px;min-width:24px;line-height:2em;vertical-align:top;">code</td> 
   <td style="border-collapse:collapse;border:1px solid #d4d4d4;font-size:13px;line-height:2em;min-width:24px;vertical-align:top;">必需。要调用的函数或要执行的代码串。</td> 
  </tr> 
  <tr style="border:0px;background-color:#f6f4f0;"> 
   <td style="border-collapse:collapse;border:1px solid #d4d4d4;font-size:13px;min-width:24px;line-height:2em;vertical-align:top;">millisec</td> 
   <td style="border-collapse:collapse;border:1px solid #d4d4d4;font-size:13px;line-height:2em;min-width:24px;vertical-align:top;">必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。</td> 
  </tr> 
  <tr style="border:0px;"> 
   <td style="border-collapse:collapse;border:1px solid #d4d4d4;font-size:13px;min-width:24px;line-height:2em;vertical-align:top;">lang</td> 
   <td style="border-collapse:collapse;border:1px solid #d4d4d4;font-size:13px;line-height:2em;min-width:24px;vertical-align:top;">可选。 JScript | VBScript | JavaScript</td> 
  </tr> 
 </tbody> 
</table>

## 实例 ##

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="gb2312">
    <title>显示时间</title>
    </head>
    <body>
    <input type="text" id="clock"/>
    <script type="text/javascript">
    var int1=self.setInterval("clock()",1000);
    function clock()
    {
    var d=newDate();
    var t=d.toLocaleTimeString();
     document.getElementById("clock").value=t;
    }
    </script>
    <button οnclick="int=window.clearInterval(int1)">停止</button>
    </body>
    </html>

## 运行结果 ##

![578c9cc8-d199-3612-860f-0b15a0433dcc.png][]

[clearInterval]: http://www.runoob.com/jsref/met-win-clearinterval.html
[578c9cc8-d199-3612-860f-0b15a0433dcc.png]: /images/20220512/4abbbca692aa477fa41f20c93140b9f4.png