Wie wiederhole ich eine Funktion mit Javascript?

Question

Dies ist der Code, an dem ich gearbeitet habe, die Hintergrundfarbe flackern Farben macht. Ich frage mich, ob jemand weiß, wie man diese Wiederholung macht, so dass der Hintergrund weiterhin die Farben ändert und weiter und weiter geht.

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; 

Außerdem sollten Sie die clearInterval (und die damit verbundenen if) entfernen, und es besteht keine Notwendigkeit, eine Zeichenfolge für die setInterval zu verwenden: hier

change_bg = setInterval(bg_eff, 50); 

Answer 2

modifizierten Code (mit Jquery)

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

ich benutze eine rekursive s etTimeout anstelle des Intervalls, ist es belastbarer auf diese Weise (wenn Ihre Funktion dauert länger als das Intervall nichts ungerade auftritt)

Answer 3

ich dies tun würde:

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

Answer 4

neben Matthew Antwort, aber da die Arrays In der gleichen Reihenfolge könnten Sie so etwas tun.

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

eine neue Version mit reinen JQuery

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

I .animate für viele sauberen Code (keine Notwendigkeit für die Arrays oder die x ++)

oh und Warnung verwenden: beängstigend Farbe tauschen

$("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);