window.onscroll Funktion viele Male ausführen

Question

ich einige Zeilen weiter unten geschrieben:

function testScroll() { 
    if (window.pageYOffset > 400) { 
     for (var x=0; x<=2; x++){ 
      newCircle(circle[x],circleId[x],startColorId[x],endColorId[x]); 
     }; 
    }; 
}; 

window.onscroll = testScroll; 

Funktion arbeitet newCircles zeigt aber es tut so oft wie Benutzer nach unten scrollen der Seite, die ideal, wenn die Stopp-Funktion, wenn es appering drei Kreise auf Seite

ich gleich, wenn die Bedingung zu ändern versucht, aber es Hilfe tut, wenn Sie irgendwelche Ideen haben, bitte helfen

Answer 1

Ihre aktuelle Funktion erstellt 3 Kreise jedes Mal, wenn Sie blättern.

Wenn Sie MAX 3 Kreise haben möchten; Führen Sie die folgende Änderung:

var _countCirlces =0; // initial circles count 
function testScroll(ev){ 

    if(window.pageYOffset>400) { 
     // create 1 circle for each scroll + increment _countCircles 
     newCircle(circle[x],circleId[x],startColorId[x],endColorId[x]); 
     _countCircles++; 

    };return; 

}; 

window.onscroll=testScroll; 

Answer 2

var _circleCount = 0; 

function testScroll(ev) { 

    if(window.pageYOffset>400 && _circleCount < 2) { 
     for (var x=0; x<=2; x++) { 
      newCircle(circle[x], circleId[x], startColorId[x], endColorId[x]); 
      _circleCount++; 
     }; 
    }; 
    return; 
}; 

window.onscroll = testScroll;