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 与航点插件一起使用，这可能会帮助您做您想做的事。