setInterval()(定时器):
会去重复执行某一个功能
参数1: 每次执行的具体任务, 自定义
参数2: 每次执行的间隔时间, 自定义 单位为毫秒
清除定时器:
1. 需要有记录器(变量自增),来记录运行次数,到达指定条件时触发
2. 定义定时器时,需要定义变量来保存这个定时器(例如: time)
然后使用clearInterval()方法。来清除这个变量中的定时器,并将这个变量 置空(time = null)
var box = document.getElementsByClassName("box")[0];
var i = 0;
var num = 0; //定时器的 次数 记录器 (自定义的)
var time = setInterval(function (){
i = Math.floor(Math.random()*250);
box.innerHTML = "啊啊啊~~" + i;
num++; //变量自增
console.log("啊啊啊");
if(num > 5){ //如果到达指定条件
clearInterval(time);
time = null;
}
},1000);
setTimeout(): 只执行一次的定时器
参数1: 执行的具体任务
参数2: 间隔多久执行 (延迟)
var time_two = setTimeout(function(){
box.style.backgroundColor = "yellow";
console.log("啦啦啦");
},5000);