Window setInterval() 方法

最新推荐文章于 2019-04-24 22:56:53 发布

最新推荐文章于 2019-04-24 22:56:53 发布 · 201 阅读

文章标签：

#Window # setInterval

JavaScript 专栏收录该内容

188 篇文章

订阅专栏

本文介绍如何利用JavaScript中的setInterval方法实现定时更新页面元素的功能，并通过一个具体示例展示了如何每隔一秒更新页面上的时间。

定义和用法

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

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

提示： 1000 毫秒= 1 秒。

语法

   setInterval(code,millisec,lang)
  

参数	描述
code	必需。要调用的函数或要执行的代码串。
millisec	必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。
lang	可选。 JScript \| VBScript \| JavaScript

实例

<!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 onclick="int=window.clearInterval(int1)">停止</button>
</body>
</html>