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

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

1 个答案: