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