jQuery: Zamanlanmış aralıklarda metin rengini değiştir

Birinin bana bir jQuery sorusuyla yardım edebileceğini umuyordum. Sayfa yüklendiğinde tanımlanan zaman aralıklarında rengi değiştirmek için metin blokları istediğim bir sitem var. Örnek olarak, aşağıdaki kodda;

<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'in renkten değiştirilmesini istiyorum: # 000, font-weight: normal; renklendirmek için: # F00, font-weight: beş saniye kalın ve ardından normale döner; ardından .fade2 ve ardından .fade3 vb. Bu efektlerin, sayfa yükleme sırasında olmasını ve fare tıklaması veya gezinme tarafından tetiklenmesini istemiyorum.

Bu tür bir program için oldukça yeniyim ve jQuery.Color() ve .animate() yöntemleriyle oynamayı denedim ancak istediğim efekti elde edemiyorum. Herhangi bir yardım çok takdir - teşekkür ederim.

** Bu yazıyı ilk yazdığınızdan beri kullandığım kod:

<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>
1
Muhtemelen normal bir JavaScript setTimeout kullanırdım.
katma yazar Dave Newton, kaynak
Özellikle hangi sorunlarla yaşıyorsunuz? Javascript/css/html'nin tam bir örneği size daha hızlı bir yanıt vermemize yardımcı olacaktır.
katma yazar hafichuk, kaynak
Hızlı yanıtlar için teşekkür ederiz. SetTimeout yöntemini deneyeceğim. İstenilen sonuçları üretmeye yönelik daha önceki girişimlerimi elde edemediğimden, onları saklamamıştım, bu yüzden üretmek için alakalı örneklerim yok.
katma yazar Laura690, kaynak

1 cevap

Belgenizin hazır işlevini kullanın, bu konuda daha fazla bilgiyi buradan bulabilirsiniz. .

Hazır fonksiyonun içindeki setTimeout işlevini kullanın. Daha fazla bilgiyi burayı okuyabilirsiniz.

0
katma
SetTimeout işlevini içeren orijinal yazıma bazı kod ekledim. Çalışıyor gibi görünüyor, ancak bir şeylerin yanlış gittiğini fark ettim ve metin bloklarından biri, bir sonraki değişiklikten önce normale dönmez. Birisi olabilecek herhangi bir ışık tutabilir mi?
katma yazar Laura690, kaynak