jquery - How to make some text repeatedly show and hide?

Question

I am trying to get some flashing effect by jQuery. Please help. Here is the not-working code.

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 示例

Answer 2

Even simpler HTML, CSS and JS:

LIVE DEMO

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

#annoying {
  color:#0000FF;
}

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