如何使一些文字反复显示和隐藏？

Question

我试图通过jQuery获得一些闪烁效果。 请帮忙。这是无效代码。

使用Javascript：

jQuery(document).ready(function(){
     var flashThis = function(){
        var className = $('#annoying').attr('class');
        if(className.indexOf("blueOne") !== -1) {
           jQuery("#annoying").removeClass("blueOne");
        }
        if(className.indexOf("blueOne") === -1) {
           jQuery("#annoying").addClass("blueOne");
        }
        flashThis();
     }

     flashThis();
  });

CSS：

   .whiteOne {
      color:#FFFFFF;
   }
   .blueOne {
      color:#0000FF;
   }

HTML：

<p id="annoying" class="whiteOne">I will flash.</p>

Answer 1

请改为尝试：

setInterval(function () {
    $('#annoying').toggleClass('whiteOne blueOne');
}, 500);

<强> jsFiddle example

Answer 2

更简单的HTML，CSS和JS：

<强> LIVE DEMO

<p id="annoying">I will flash.</p>

#annoying {
  color:#0000FF;
}

(function flash(){
 $('#annoying').delay(300).toggle(0, flash);
}());