jQuery：時間指定の間隔でテキストの色を変更する

Question

jQueryの質問で誰かが私を助けてくれることを願っていました。私は、ページが読み込まれるときに定義された時間間隔内で色のブロックを変更するようなサイトを用意しています。たとえば、次のコードでは、

<div id="fade"> 


<div class="fade1">text block 1</div> 
<div class="fade2">text block 2</div> 
<div class="fade3">text block 3</div> 

</div> 

私は、.fade1を色：＃000、font-weight：normalから変更したいと思います。色：＃F00、font-weight：5秒間太字にしてから通常に戻ります。それに続いて.fade2、.fade3などがあります。これらの効果をページの読み込みで発生させ、マウスのクリックやホバーでトリガーしないようにします。

私はこのタイプのプログラミングにはかなり新しいので、jQuery.Color（）と.animate（）メソッドを使いこなそうとしましたが、私が望む効果を得ることができません。 ご協力いただきありがとうございます。ありがとうございます。

これは私が最初にこの記事を書いてから使用したコードである**：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 

<div id="fade1">Text Block 1</div> 
<div id="fade2">Text Block 2</div> 
<div id="fade3">Text Block 3</div> 


<script type="text/javascript"> 
var index = 0; 
setInterval(highlightText, 3000); 

function highlightText() { 
     index = (index % 3) + 1; 
     $('#fade' + index).css('color', '#e7008a').css('font-size', '110%'); 
     setTimeout(function() { 
      $('#fade' + index).css('color', '#000').css('font-size', '100%'); 
     }, 2900); 
} 
</script> 

Answer 1

ドキュメントのレディ機能を使用し、あなたがそのhereについての詳細を読むことができます。

ready関数内でsetTimeout関数を使用します。あなたはそれについてもっと読むことができますhere。