如何调用此函数十次

Question

我正在做某事，鸭子每次被点击都会消失，然后在1秒后重新出现。但是我只想让他再出现10次，然后在那之后停下来。那么有什么简单的方法可以使它仅出现10次呢？我尝试使用循环，但无法正确执行。

Answer 1

您可以使用如下所示的计数器。您只需要稍微修改一下我的代码即可满足您的目的。

var counter = 0;

$(".button").click(function() {
  if (counter < 10) {
    $(".text").hide();
    counter++;
    setTimeout(function() {
      $(".text").show();
    }, 1000);
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="button">Click</button>
<p class="text">Text</p>