使用setInterval开关 - Javascript

在Javascript中，setInterval函数可以周期性地执行一段代码。本文将介绍如何使用setInterval函数来创建一个可开关的计时器，使其可以随时开启或关闭。

什么是setInterval函数？

setInterval函数是Javascript提供的一个周期性执行代码的方法。它接受两个参数：第一个参数是要执行的代码，第二个参数是执行的时间间隔（以毫秒为单位）。例如：

setInterval(function() {
  // 这里是要周期执行的代码
}, 1000);

上面的代码将每隔1秒钟执行一次代码块中的内容。

实现开关控制

为了使计时器能够在需要的时候开启和关闭，我们需要使用一个变量来追踪当前的计时器状态。我们可以使用一个布尔变量来实现这个目标。如果该变量为true，则计时器正在运行，如果为false，则计时器处于停止状态。

var timerRunning = false;
var timerId;

以上代码定义了两个变量：timerRunning和timerId。前者用来追踪计时器的状态，后者用来存储计时器的ID，以便稍后调用clearInterval函数暂停计时器。

接下来，我们需要分别实现一个开启和关闭计时器的函数：

function startTimer() {
  if (!timerRunning) {
    timerId = setInterval(function() {
      // 这里是要周期执行的代码
    }, 1000);
    timerRunning = true;
  }
}

function stopTimer() {
  if (timerRunning) {
    clearInterval(timerId);
    timerRunning = false;
  }
}

以上代码中，startTimer函数首先检查计时器是否已经在运行中，如果没有运行，则调用setInterval函数开始计时器，并将状态设置为“运行中”。stopTimer函数则检查计时器是否已经在运行中，如果是，则调用clearInterval函数暂停计时器，并将状态设置为“停止”。

最后，我们可以将这些函数结合起来，实现一个可开关的计时器：

var timerRunning = false;
var timerId;

function startTimer() {
  if (!timerRunning) {
    timerId = setInterval(function() {
      // 这里是要周期执行的代码
    }, 1000);
    timerRunning = true;
  }
}

function stopTimer() {
  if (timerRunning) {
    clearInterval(timerId);
    timerRunning = false;
  }
}

// 在需要的时候开启或关闭计时器
if (/* 条件 */) {
  startTimer();
} else {
  stopTimer();
}

现在，我们有一个可开关的计时器，可以在需要的时候开启或暂停。

结论

setInterval函数是Javascript中一个非常有用的函数，它可以周期性地执行一段代码。通过使用一个布尔变量来追踪计时器的状态，我们可以实现一个可开关的计时器，以便在需要的时候随时开启或关闭。