javascript - 只调用一次 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 with waypoint plugin ，这可能会帮助您完全按照自己的意愿行事。