时间戳

首页 > 解决方案 > 如何调用这个函数 10 次

javascript - 如何调用这个函数 10 次

问题描述

我正在研究每次单击鸭子都会消失并在 1 秒后重新出现的东西。但我想让他只出现10次然后停止。那么有什么简单的方法让它只出现 10 次呢？我尝试过使用循环，但我无法正确地做到这一点。

在此处输入图像描述

标签： javascriptfunctionrepeat

解决方案

您可以使用如下所示的计数器。您只需要稍微编辑我的代码以适应您的目的。

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>

推荐阅读