只調用一次JS函數

Question

我正在使用可以正常運行的以下函數，但我只想調用一次-當前每次使用滾動時，都會觸發該函數ID，因此將重新構建動畫圖表。

window.onscroll = function() {


new Chart(document.getElementById("doughnut").getContext("2d")).Doughnut(doughnutData);
new Chart(document.getElementById("line").getContext("2d")).Line(lineChartData);
new Chart(document.getElementById("radar").getContext("2d")).Radar(radarChartData);




}

謝謝！！！！

Answer 1

var isNotScrolled = true;

window.onscroll = function() {
  if(isNotScrolled)
  {
    new Chart(document.getElementById("doughnut").getContext("2d")).Doughnut(doughnutData);
    new Chart(document.getElementById("line").getContext("2d")).Line(lineChartData);
    new Chart(document.getElementById("radar").getContext("2d")).Radar(radarChartData);

    isNotScrolled = false;
  }
}

您也可以考慮將jQuery與Waypoint插件一起使用，這可能會幫助您准確地完成所需的工作。