2015-11-24 93 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); 
} 

我不知道如何創建一個函數,將當用戶點擊一個按鈕,打開和關閉定時的顏色變化。

回答