Javascript 如何在document.querySelectorAll（'；.square'；）之后在正方形上闪烁背景图像

我正在做一个whac a mole游戏，当方块被击中时背景图像应该闪烁。例如，显示“点击”的图像。 该方块已在函数showImage（）上正确定位，使用console.log进行测试，并在forEach循环中调用。我不知道下一步该怎么办。我知道我需要抓取css类和背景图像的广场，并添加一个图像。可能有一个固定的计时器。我已经试过了，但无法让它工作。看

---

听起来这可以由在背景中显示图像的类来处理

.bg-img {
  background-image: url('');
}

然后在函数showImage（）中，在元素上设置类名

bg img

：

function showImage() {
  squares.classList.add('bg-img');
  setTimeout(function(){
    squares.classList.remove('bg-img');
  }, 1000);
}

---

并在1000毫秒后再次删除类名。

感谢您的回复。在尝试您的解决方案后，我得到了“add”未定义的“Property”。我记得以前遇到过这个问题。我更新了密码笔。为了节省时间，我只用了一个背景色而不是一个图像。我的意思是说当前的错误是“不能读取的属性”加上“未定义的”。@ USE3531040OK，我没有考虑什么是“正方形”，但显然不是一个元素。在后台找到需要图像的元素并调用classList.add（），你说得很对。一个朋友帮我看到我只是缺少了square.classList.add（'hit'）；在forEach循环中，缺少css hit类。这是一个更新的代码笔

function showImage() {
  squares.classList.add('bg-img');
  setTimeout(function(){
    squares.classList.remove('bg-img');
  }, 1000);
}