JavaScriptBOM_定时器（二十二）

1、什么是定时器

JavaScript 是单线程语言，但它容许经过设置超时值和间歇时间值来调度代码在特定的时刻执行。

2、setInterval、clearInterval、setTimeout的使用

1.setIntervaljava

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。
setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用做

语法：数组

setInterval(function, milliseconds)复制代码

code/function必需。要调用一个代码串，也能够是一个函数。bash

milliseconds必须。周期性执行或调用 code/function 之间的时间间隔，以毫秒计。markdown

代码：每隔1000毫秒执行console.log(1)函数

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>

<script type="text/javascript">
setInterval(function(){
	console.log(1)
},1000)
</script>

</body>
</html>复制代码

2.setTimeoutoop

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

语法：ui

setTimeout(function, milliseconds)复制代码

代码：延迟执行，打开页面隔1000毫秒执行console.log(1)spa

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>

<script type="text/javascript">
setTimeout(function(){
	console.log(1)
},1000)
</script>

</body>
</html>复制代码

这里能够看出来setInterval和setTimeout的区别了，setInterval是一直打印，setTimeout只是执行了一次

3.clearInterval

clearInterval() 方法可取消由 setInterval() 设置的 timeout。
clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。

语法：

clearInterval(id_of_setinterval)：id_of_setinterval 由 setInterval() 返回的 ID 值。

代码：面这个例子将每隔 50 毫秒调用 clock() 函数。您也能够使用一个按钮来中止这个 clock：

<html>
<body>

<input type="text" id="clock" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",50)
function clock()
  {
  var t=new Date()
  document.getElementById("clock").value=t
  }
</script>
</form>
<button onclick="int=window.clearInterval(int)">
Stop interval</button>

</body>
</html>复制代码

JavaScriptBOM_定时器（二十二）

目录：

1、什么是定时器

2、setInterval、clearInterval、setTimeout的使用

下节预告：数组_建立数组_一维数组_length

参考视频教程：www.3mooc.com/front/couin…