js for循环中使用定时器

JavaScript015

js for循环中使用定时器,第1张

var items = document.querySelectorAll('#list>li')

for (var i=0 i<items.length i++) {

var item = items[i]

setTimeout(function(){

item.style.backgroundColor = 'red'

},5)

}

问题：当一个页面同时有两个setInterval函数调用的冲突如何解决？

解决方法：

定义两个变量 并把 setInterval 赋值给变量

var a = setInterval(function(){ ------ code ------},1000)

var b = setInterval(function(){ ------ code ------},1000)

清除

clearInterval(a)

clearInterval(b)

举例：

注：

setInterval()方法会不停地调用函数，直到用clearInterval()终止定时或窗口被关闭。

window.clearInterval()

功能：取消由setInterval()方法设置的定时器。