如何调用此函数 10 次

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>