setInterval():
定时调用
可以将一个函数,每隔一段时间执行一次
参数:
1.回调函数,该函数会每隔一段时间被调用一次
2.每次调用间隔的时间,单位是毫秒
返回值:返回一个Number类型的数据,这个数字用来作为定时器的唯一标识
clearInterval()可以用来关闭一个定时器
方法中需要一个定时器的标识作为参数,这样将关闭标识对应的定时器
clearInterval(timer);
可以通过定时器可以解决“卡顿问题”
延时调用:
延时调用一个函数不马上执行,而是隔一段时间以后在执行,而且只会执行一次.延时调用和定时调用的区别,定时调用会执行多次,而延时调用只会执行一次, 延时调用和定时调用实际上是可以互相代替的,在开发中可以根据自己需要去选择.
var timer = setTimeout(function(){
console.log(num++);
},3000);
//使用clearTimeout()来关闭一个延时调用
clearTimeout(timer);
类的操作:
通过style属性来修改元素的样式,每修改一个样式,浏览器就需要重新渲染一次页面,这样的执行的性能是比较差的,而且这种形式当我们要修改多个样式时,也不太方便。
修改box的class属性:
我们可以通过修改元素的class属性来间接的修改样式,这样一来,我们只需要修改一次,即可同时修改多个样式,浏览器只需要重新渲染页面一次,性能比较好,并且这种方式,可以使表现和行为进一步的分离。
box.className += " b2";
addClass(box,"b2");
alert(hasClass(box,"hello"));
removeClass(box,"b2");
toggleClass(box,"b2");