前面的讲的定时器是延时操作,即多长时间后执行。而时钟是每隔多长时间后执行一次,它是持续执行的。
设置时钟的语法:
- var 时钟句柄 = setInterval(要执行的代码,间隔时间);
复制代码
清除时钟的语法:
一、设置时钟
设置时钟和设置定时器的语法完全一致,下面我们仅说一种作为实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>时钟 setInterval clearInterval</title>
</head>
<body>
<script type="text/javascript">
//setInterval 设置时钟 。每隔多少毫秒执行一次
//设置 每隔1000ms 输出一次“起床啦”
setInterval(function(){
console.log('1秒钟输出一次');
}, 1000);
</script>
</body>
</html>
二、清除时钟
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>时钟 setInterval clearInterval</title>
</head>
<body>
<script type="text/javascript">
//clearInterval() 清除定时器
//设置每隔1000ms输出一次“集合啦”,10次后停止
var num = 0; // 用来计数的
var timer = setInterval(function(){
console.log('集合啦' + num);
num++;
if(num == 10){
//停止定时器
console.log('停止');
clearInterval(timer);
}
}, 1000);
</script>
</body>
</html>
在任何语言中时钟都具有仅此于循环的重要性,它非常常用,请大家务必记住。
|