Javascript-如何在计时器达到0时重置按钮计数器

<button id="resetButton">重置</button>
<span id="counter">0</span>

var resetButton = document.getElementById("resetButton");
var counterElement = document.getElementById("counter");
var counter = 0;

var timer = setInterval(function() {
  counter++;
  counterElement.textContent = counter;
}, 1000);

resetButton.addEventListener("click", function() {
  counter = 0;
  counterElement.textContent = counter;
});

<button id="resetButton">重置</button>
<span id="counter">0</span>

<script>
  var resetButton = document.getElementById("resetButton");
  var counterElement = document.getElementById("counter");
  var counter = 0;

  var timer = setInterval(function() {
    counter++;
    counterElement.textContent = counter;
  }, 1000);

  resetButton.addEventListener("click", function() {
    counter = 0;
    counterElement.textContent = counter;
  });
</script>