如何在 JavaScript 中单击 5 次图像时发生事件？

Question

我试图让它工作，但它就是没有。我试图通过点击 5 次来更改背景图片，但即使在我的函数的 else 语句中放置一个简单的警告也不会触发它。

<img  src="images\Wheel1.png" id="Wheel1" onclick="changeImage();lights();" />

<script>

function lights() { 

     var count = 0;
    
      if (count < 5) {
        count++;
      } else {
        document.body.background = "images/BackgroundLight.jpg";
      }
    
}

Answer 1

你必须在函数外声明变量:

var count = 0;

function lights() {
  if (count < 5) {
    count++;
  } else {
    document.body.background = "images/BackgroundLight.jpg"
  }
}