Comment répéter une fonction avec Javascript

Question

Ceci est le code sur lequel j'ai travaillé, qui fait que la couleur de fond scintille. Je me demande si quelqu'un sait comment faire cette répétition afin que l'arrière-plan continue à changer de couleur encore et encore et encore.

var a = new Array("ff", "ee", "dd", "cc", "bb", "aa", "99", "88", "77", 
        "66", "55", "44", "33", "22", "11", "00", "00", "11", 
        "22", "33", "44", "55", "66", "77", "88", "99", "AA", 
        "BB", "CC", "DD", "EE", "ff"); 

x = 0; 

var b = new Array("ff", "ee", "dd", "cc", "bb", "aa", "99", "88", "77", 
        "66", "55", "44", "33", "22", "11", "00", "00", "11", 
        "22", "33", "44", "55", "66", "77", "88", "99", "AA", 
        "BB", "CC", "DD", "EE", "ff"); 

x = 0; 

var c = new Array("00", "11", "22", "33", "44", "55", "66", "77", "88", 
        "99", "AA", "BB", "CC", "DD", "EE", "ff", "ff", "ee", 
        "dd", "cc", "bb", "aa", "99", "88", "77", "66", "55", 
        "44", "33", "22", "11", "00"); 

x = 0; 

function bg_eff() { 
    col_val = "#" + a[x] + b[x] + c[x]; 
    document.bgColor = col_val; 
    x++; 
    if (x == 32) { 
    clearInterval(change_bg); 
    } 
} 
change_bg = setInterval("bg_eff()", 50); 

Answer 1

x = (x + 1) % 32; 

En outre, vous devez supprimer le clearInterval (et associés si), et il n'y a pas besoin d'utiliser une chaîne pour le setInterval:

change_bg = setInterval(bg_eff, 50); 

Answer 2

code modifié ici (en utilisant jquery)

http://jsfiddle.net/generalhenry/S8g6k/1/

J'utilise un s récursives etTimeout au lieu de l'intervalle, il est plus résiliente de cette façon (si votre fonction prend plus de temps que rien ne se produit étrange intervalle)

Answer 3

je ferais ceci:

x += 1; 
if (x === 32) { x = 0; } 

Answer 4

en plus de la réponse de Matthieu, mais étant donné que les tableaux sont dans la même séquence, vous pourriez faire quelque chose comme ça.

var a = new Array("ff", "ee", "dd", "cc", "bb", "aa", "99", "88", "77", "66", "55", "44", "33", "22", "11", "00", "00", "11", "22", "33", "44", "55","66", "77", "88", "99", "AA", "BB", "CC", "DD", "EE", "ff"); // one array 
var x = 0; // var for not global (even though in this context it still is...) 
function big_eff() { 
    col_val = "#" + a[x] + a[(x + 5) % 32] + a[(x + 10) % 32]; // or whatever spacing you want 
    document.bgColor = col_val; 
    x = (x + 1) % 32; 
    setTimeout("big_eff()",50); // setTimeout baby! 
} 

Answer 5

une nouvelle version avec pur Jquery

http://jsfiddle.net/generalhenry/S8g6k/5/

J'utilise .animate pour le code beaucoup plus propre (pas besoin pour les tableaux ou les x ++)

oh et d'avertissement: couleur effrayant échange

$("body").css("background-color","#ffff00"); 
var bg_eff; 
(bg_eff = function(x) 
{ 
    var duration = 1600; 
    if(x) 
    { 
     $("body").animate({backgroundColor:"#0000ff"},duration,function(){ 
      bg_eff(false); 
     }); 
    } 
    else 
    { 
     $("body").animate({backgroundColor:"#ffff00"},duration,function(){ 
      bg_eff(true); 
     }); 
    } 
})(true);