jQuery: change la couleur du texte à intervalles réguliers

J'espérais que quelqu'un pourrait m'aider avec une question jQuery. J'ai un site où je veux que les blocs de texte changent de couleur dans des intervalles de temps définis lors du chargement de la page. A titre d'exemple, dans le code suivant;

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

Je voudrais que .fade1 change de couleur: # 000, taille de police: normal; à colorier: # F00, taille de la police de caractères: gras pendant cinq secondes, puis retour à la normale; suivi de .fade2 puis .fade3 etc. Je veux que ces effets se produisent lors du chargement de la page et non déclenchés par un clic de souris ou un survol.

Je suis assez nouveau dans ce type de programmation et j’ai essayé de jouer avec les méthodes jQuery.Color() et .animate() mais je ne peux pas sembler obtenir l’effet souhaité. Toute aide très appréciée - merci.

** Ceci est le code que j'ai utilisé depuis la première écriture de ce post:

<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
J'utiliserais probablement juste un setTimeout JavaScript normal.
ajouté l'auteur Dave Newton, source
En quoi avez-vous des problèmes? Un échantillon complet de javascript/css/html nous aiderait à vous donner une meilleure réponse plus rapidement.
ajouté l'auteur hafichuk, source
Merci pour les réponses rapides. Je vais essayer la méthode setTimeout. N'ayant pu obtenir aucune de mes tentatives précédentes de produire les résultats souhaités, je ne les ai pas conservées et je n'ai donc pas d'échantillons pertinents à produire.
ajouté l'auteur Laura690, source

1 Réponses

Utilisez la fonction Ready de votre document pour en savoir plus sur ce ici . .

Utilisez la fonction setTimeout dans la fonction Ready. Vous pouvez en savoir plus à ce sujet ici .

0
ajouté
J'ai ajouté du code à mon message d'origine, qui inclut la fonction setTimeout. Cela semble fonctionner, mais j'ai remarqué qu'à l'occasion, quelque chose se passait mal et que l'un des blocs de texte ne redevenait pas normal avant le prochain. Quelqu'un peut-il nous éclairer de quelque manière que ce soit?
ajouté l'auteur Laura690, source