javascript - jquery眨眼几下

Question

我想通过每次使用 addClass 和 removeClass 3 次来为元素提供闪烁效果我尝试了这个

$("#div").addClass("orange").delay(300).queue(function(next){
    $(this).removeClass("orange");
    next();
});

这仅适用于 1 次

我怎样才能让这种情况发生 3 次，延迟 300 毫秒？

Answer 1

数到三：

(function() {
  var count = 0, $div = $('#div'), interval = setInterval(function() {
    if ($div.hasClass('orange')) {
      $div.removeClass('orange'); ++count;
    }
    else
      $div.addClass('orange');

    if (count === 3) clearInterval(interval);
  }, 300);
})();

我猜你可能会喜欢并为它编写自己的动画插件。