用setInterval实现轮播效果鼠标移入移出时轮播跳错

var timer=setInterval(task,3000)
div.onmouseover=function(){
	clearInterval(timer)
}
div.onmouseout=function(){
	setInterval(task,3000)
}

轮播图本身不会跳错，在添加鼠标移入移出的暂停/开始效果时，可以实现第一次移入暂停，但是在移出后轮播图不按设定乱跳。随着移入移出次数增多，乱跳更快。

原因：setInterval()本身是返回一个新的全局变量，onmouseout绑定的事件是新建了一个定时器，随着事件触发次数增多，定时器越来越多，各按各的时间切换，故造成跳错。

解决：

var timer=setInterval(task,3000)
div.onmouseover=function(){
	clearInterval(timer)
}
div.onmouseout=function(){
	timer=setInterval(task,3000)
}

鼠标移出，将值重新返回给timer，不产生新的全局变量，所以只有一个定时器，不会再产生跳错的情况。