如何确保 function 不会运行多次？

Question

所以我试图做到这一点，以便当用户在我的网站上向下滚动足够远时，带有打字机效果的 function 就会启动。

<script>
function typeWriter() {
  if (i < txt.length) {
    document.getElementById("tbag").innerHTML += txt.charAt(i);
    i++;
    setTimeout(typeWriter, speed);
  }
}
</script>
<script>


$(document).ready(function(){
  $(document).scroll(function(){
    var scrolled = $(this).scrollTop()

    if (scrolled >1200){
      typeWriter()


    }
  })

})


</script>

任何帮助将不胜感激。 谢谢

Answer 1

使用另一个变量来确定 function 是否已被调用。

 var triggered = false; function typeWriter() { if (i < txt.length) { document.getElementById("tbag").innerHTML += txt.charAt(i); i++; setTimeout(typeWriter, speed); } } $(document).ready(function() { $(document).scroll(function() { var scrolled = $(this).scrollTop() if (scrolled > 1200) { if (;triggered) { triggered = true; typeWriter(); } } }) })