javascript - jquery 数回点滅

Question

addClassとremoveClassを3回ずつ使って要素に点滅効果を持たせたいのでやってみた

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

これは1回だけ動作します

これを300ミリ秒の遅延で3回発生させるにはどうすればよいですか?

Answer 1

3つまで数えてください：

(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);
})();

あなたは空想を得て、それのためにあなた自身のアニメーションプラグインを書くことができたと思います。