javascript - 如何使 javascript 中的 setTimeout 为定义的函数工作？

Question

这是我的代码:

$(".btn").click(function() {
  var userChosenColor = $(this).attr("id");
  animatePress(userChosenColor);
})

function animatePress(currentColor) {
  $("." + currentColor).addClass("pressed");
}

setTimeout(animatePress,2000);

因此，当我在我的网站上按下按钮时，应用了“按下”类(使其变暗)，但 setTimeout 无法使其恢复为原始颜色。我仔细遵循了功能的布局，所以我不知道为什么它不起作用。提前致谢

编辑:这是我的 HTML 中的 jquery 脚本，可能是因为那个吗？

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" charset="utf-8"></script>

Answer 1

这应该有效:

$(".btn").click(function() {
    var userChosenColor = $(this).attr("id");
    animatePress(userChosenColor);
    setTimeout(() => animatePress(userChosenColor),2000);
})

function animatePress(currentColor) {
  $("." + currentColor).toggleClass("pressed");
}