Modifier la couleur d'arrière-plan et la couleur du texte avec un temporisateur avec Javascript

Question

J'essaye de changer la couleur d'arrière-plan et de texte d'une table et toutes ses cellules avec un temporisateur. J'ai le script ci-dessous juste avant l'étiquette de fin. Le fond est la seule chose qui change. L'identifiant de la table est 'titleTable'. Merci

<script language="Javascript"> 
<!-- Begin 
titleTable.bgColor='#FFFFFF'; 
setInterval("Timer()", 500); 
x=1; 
function Timer() { 
    set=1; 
    if(x==0 && set==1) { 
     titleTable.bgColor='#000000'; 
     titleTable.style.color='#FFFFFF'; 
     x=1; 
     set=0; 
    } 
    if(x==1 && set==1) { 
     titleTable.bgColor='#FFFFFF'; 
     titleTable.style.color='#000000'; 
     x=0; 
     set=0; 
    } 
} 
// End --> 
</script> 

Answer 1

(function() { 
    var s = document.getElementById('titleTable').style, 
     f = false, 
     c1 = '#000000', 
     c2 = '#ffffff'; 

    setInterval(function() { 
     s.backgroundColor = f ? c1 : c2; 
     s.color = f ? c2 : c1; 
     f = !f; 
    }, 500); 
})(); 

démonstration en direct:http://jsfiddle.net/Dzk2h/2/

Il suffit de mettre le code ci-dessus dans un élément <script> au bas de votre page.

Answer 2

var titleTable = document.getElementById ('titleTable');

if (x == 0 & & ensemble == 1)
->
if ((x == 0) & & (set == 1))

Il suffit d'utiliser la balise "clignotent" =)

Ah, "Le fond est la seule chose qui change". Vérifier les styles. Si vous avez une règle CSS comme

#titleTable td { color: black; } 

Il ne sera pas redéfini en définissant le style en ligne à la table.