为什么jQuery延迟不会导致闪烁动作

时间:2013-09-16 20:55:17

标签: javascript jquery ruby-on-rails user-interface jquery-effects

jQuery newb here。我想让按钮闪烁(但不要隐藏)。我有这个代码,我认为它可以工作但不会:

$("#refresh-60-sec").addClass("pressed-button")
                        .delay(1000)
                        .removeClass("pressed-button")
                        .delay(1000)
                        .addClass("pressed-button")
                        .delay(100)
                        .removeClass("pressed-button")
                        .delay(100)
                        .addClass("pressed-button");

这段代码似乎让按钮处于最后addClass的状态。为什么?和/或我怎样才能达到同样的效果? (这是元素的短暂闪烁)

感谢。

1 个答案:

答案 0 :(得分:2)

我同意Kevin我会在一个时间间隔内创建带有淡入淡出(进出)的闪烁函数,如下所示:

function blink() {
    elem.fadeOut(500, function () {
        elem.fadeIn(500);
    });
}
setInterval(blink, 500);

请参阅工具示例小提琴,http://jsfiddle.net/tiri/2mkPF/