Question

jquery setinterval 延迟执行失效，不能延迟执行

$(function(){
$(".color-one").mouseover(function(){
changeTime = setInterval(function(){
$(".color-one").removeClass("stay");
$(this).addClass("stay");
var newColor = "#"+$(this).attr("title");
$("#example-color-shallow").stop().animate({"color":newColor},"fast");
$("#example-color-deep").stop().animate({"color":newColor},"fast");
$("#example-bg-shallow").stop().animate({"backgroundColor":newColor},"fast");
$("#example-bg-deep").stop().animate({"backgroundColor":newColor},"fast");
},1000);

}).mouseleave(function(){
clearInterval(changeTime);
})
大师们帮我看看延迟不了执行，这是怎么回事？

Answer 1

测试了一下，你的代码没有问题。是不是你的dom元素有些不存在啊？

html：

<a href="#" id="link">dadad</a>

js：

$(function(){
        $("#link").mouseover(function(){
            changeTime = setInterval(function(){console.log(1111)  },1000);

        }).mouseleave(function(){
            clearInterval(changeTime);
        })
    })

有问题再问吧~~

追答

恩