Couleur de fond de la page Web flash

Question

Quelqu'un pourrait-il me dire pourquoi ce code ne clignote pas la couleur de fond de ma page Web entre les deux couleurs.

<script type="text/javascript"> 
function blinkit() { 
    intrvl = 0; 
    for (nTimes = 0; nTimes < 3; nTimes++) { 
     intrvl += 1000; 
     setTimeout("document.bgColor='#0000FF';", intrvl); 
     intrvl += 1000; 
     setTimeout("document.bgColor='#FFFFFF';", intrvl); 
    } 
} 
</script> 

Answer 1

Essayez ceci:

function blinkit() { 
    intrvl = 0; 
    window.setInterval(function(){ 
     intrvl += 1000; 
     setTimeout("document.bgColor='#0000FF';", intrvl); 
     intrvl += 1000; 
     setTimeout("document.bgColor='#FFFFFF';", intrvl); 
    }, intrvl); 
} 

Answer 2

Ne jamais passer des chaînes à setTimeout, car il est tout aussi mauvais que eval.

Au lieu de cela, essayer quelque chose comme ceci:

function blinkit(times, thenwhat) { 
    var toggle = times*2, timer = setInterval(function() { 
      document.body.style.backgroundColor = toggle%2 ? "#0000FF" : "#FFFFFF"; 
      toggle--; 
      if(!toggle) { 
       clearInterval(timer); 
       thenwhat && thenwhat(); 
      } 
     },1000); 
    return timer; 
} 
var flashy = blinkit(3); 
// The background will flash three times. 
// You can also cancel it with `clearInterval(flashy);` 

Avec le code ci-dessus, vous pouvez aussi lui dire de faire quelque chose quand il est fait:

var flashy = blinkit(3,function() {alert("Hello!");});