Question

我正在尝试使用纯jQuery复制我以前在训练营中编写的Simon游戏，我想将其转换为普通JS。我知道当然是jQuery中最简单的代码，但是我想以“困难的方式”变得更好，而不是总是在框架中做所有的工作。

这是我使用jQuery的旧代码，非常简单易读，但是每次我获得添加类并将其删除的结果时，它都会添加到所有元素中。

ShowMessage(DateTimeToStr(TTimeZone.Local.ToUniversalTime(Now)));

这是我尝试不使用jQuery而获得相同的东西。

    function animatePress(currentColor) {
  $("#" + currentColor).addClass("pressed");
  setTimeout(function () {
    $("#" + currentColor).removeClass("pressed");
  }, 100);
}

Answer 1

从jQuery版本转换为纯javascript

function animatePress(currentColor) {
  const button = document.querySelector('#' + currentColor);
  button.classList.add("pressed");
  setTimeout(function(){
    button.classList.remove("pressed")
  }, 100);
}

es6版本：

const animatePress = currentColor => {
  const button = document.querySelector(`#${currentColor}`);
  button.classList.add("pressed");
  setTimeout(() => button.classList.remove("pressed"), 100);
}

将jQuery的动画功能转换为香草js

1 个答案: