javascript：按钮可用于打开和关闭定时颜色更改

Question

我有一个功能，允许用户输入自己喜欢的计时频率（他们通过文本框输入），以将页面上所有div的背景色更改为随机生成的颜色。 很有魅力。

但是 ，我需要包含一个onClick按钮，该按钮可以打开和关闭定时颜色更改（单击时打开，单击关闭时则关闭）。 我不知道该怎么做。

我在代码下面包含了当用户在文本框中输入频率时可以更改div颜色的代码：

var yourTiming = document.forms["myForm"]["timing"].value;

   function goRandom() {

   var myTiming = setInterval(colourMe, yourTiming);
}

function colourMe() {
    document.getElementById("div1").style.backgroundColor =
            '#'+Math.floor(Math.random()*16777215).toString(16);
    document.getElementById("div2").style.backgroundColor =
            '#'+Math.floor(Math.random()*16777215).toString(16);
    document.getElementById("div3").style.backgroundColor =
            '#'+Math.floor(Math.random()*16777215).toString(16);
    document.getElementById("div4").style.backgroundColor =
            '#'+Math.floor(Math.random()*16777215).toString(16);
}

我不知道如何创建一个函数，当用户单击按钮时，该函数将打开和关闭定时的颜色更改。

Answer 1

MDN文档中的示例2似乎演示了您要实现的目标： https : //developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval