2015-11-24 41 views
1

我有一个功能,允许用户输入他们的首选定时频率(他们通过文本框这样做)来改变页面上的所有div的背景颜色为随机生成的颜色。这很有魅力。javascript:按钮来打开和关闭定时的颜色变化

但是,我需要包含一个按钮,onClick将打开和关闭定时颜色变化(当点击和关闭时点击广告nauseam)。我不知道如何做到这一点。

我包括工作当用户输入在文本框中的频率来改变颜色的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); 
} 

我不知道如何创建一个函数,将当用户点击一个按钮,打开和关闭定时的颜色变化。

回答