定时器的两个方法
1,定时调用 setInterval() :按照指定的周期(以毫秒计)来调用函数或计算表达式。方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭,方法中需要一个定时器的标识作为参数,这样将关闭标识对应的定时器
定时调用 可以将一个函数每隔一段时间调用一次
参数:
1. 回调函数,该函数每隔一段时间被调用一次
2.每次调用间隔的时间,单位是毫秒
返回值:返回一个NUmber类型的数据,这个数字用来作为定时器的唯一标识
var num=1;
var timer = setInterval(function(){
count.innerHTML=num++;
if(num==11){
clearInterval(timer);
}
},500);
2,延时调用setTimeout() :在指定的毫秒数后调用函数或计算表达式。
延时调用一个函数不马上执行,而是隔一段时间以后在执行而且只会执行一次
var timer=setTimeout(function)(){
console.log (num++);
},3000);
};
定时器的一个小练习
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>定时器练习</title>
<style>
img{
width: 900px;
height:600px;
}