Discussion :

[alf78fr]

bonjour

pour mettre en évidence un changement je veux faire un changement de couleur d'un texte (10 fois) rouge ,noir et que cela reste noir en fin de boucle

donc j'ai fait ceci comme code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
 for (var i =0; i < 9; i++){
                document.getElementById("span"+idinstallation).innerHTML = "<img src='<?php echo site_url('assets/images/logos/moins.png'); ?>' width='15' height='15' />&nbsp;<span style ='color: red'>"+tab[1]+"</span>";
 
//=======> ici la temporitation de 10 seconde
 
              document.getElementById("span"+idinstallation).innerHTML = "<img src='<?php echo site_url('assets/images/logos/moins.png'); ?>' width='15' height='15' />&nbsp;<span style ='color: #555555'>"+tab[1]+"</span>";
            }

comment dois je faire "une boucle ou une gestion de temps setTimeout();"

si c'est setTimeout();comment l'employer au mieux

[javatwister]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var i=0;
setInterval(function(){document.getElementById("span"+idinstallation).style.color= i%2==0 ? "black" : "red"; if(i<10) i++},1000)

[SpaceFrog]

avec jquery on a proposé cette solution http://javascript.developpez.com/faq...Other#EffetCSS

[alf78fr]

merci pour l'aide cela fonctionne très bien

[SylvainPV]

Il doit y avoir moyen de faire la même chose en CSS uniquement, avec les animations CSS et l'attribut steps() de animation-timing-function