http://www.fssccqchl.top/（這個是地址，輪播圖下面那部分就是出bug的動畫，下面是源碼，鼠標移出太快移入到另一張動畫的時候就會卡住，所以要在移入前清楚所有動畫，但是我用好幾種辦法還是不行，求大神解答）
var?odiv?=?document.getElementsByClassName("list-msg");
for(var?i=0;i<odiv.length;i++)?{
????odiv[i].index?=?i;
????odiv[i].onmouseover?=?startMove;
????odiv[i].onmouseout?=?startMove1;
}
var?timer?=?null;
function?startMove(iTarget)?{
????????clearInterval(timer);
????????var?odiv?=?document.getElementsByClassName("list-msg");
????????var?atext?=?document.getElementsByClassName("list-msg")[this.index].getElementsByTagName("a")[0];
????????timer?=?setInterval(function?()?{
????????????var?speed?=?(iTarget?-?atext.offsetTop)?/?10;
????????????speed?=?speed?>?0???Math.ceil(speed)?:?Math.floor(speed);
????????????console.log(atext.offsetTop);
????????????if?(atext.offsetTop?==?iTarget)?{
????????????????clearInterval(timer);
????????????}?else?{
????????????????atext.style.top?=?atext.offsetTop?+?speed?+?'px';
????????????}
????????},?30)
}
function?startMove1()?{
???????iTarget?=?190;
????????clearInterval(timer);
????????var?odiv?=?document.getElementsByClassName("list-msg");
????????var?atext?=?document.getElementsByClassName("list-msg")[this.index].getElementsByTagName("a")[0];
????????timer?=?setInterval(function?()?{
????????????var?speed?=?(iTarget?-?atext.offsetTop)?/?10;
????????????speed?=?speed?>?0???Math.ceil(speed)?:?Math.floor(speed);
????????????console.log(atext.offsetTop);
????????????if?(atext.offsetTop?==?iTarget)?{
????????????????clearInterval(timer);
????????????}?else?{
????????????????atext.style.top?=?atext.offsetTop?+?speed?+?'px';
????????????}
????????},?30)
}
【JS】如何在鼠標移入前清除動畫？
哈哈哈蜜瓜
2016-11-08 09:11:05