2016-06-21 38 views
0

我想要做的是,如果點擊'重置'按鈕,其他按鈕的值會改變。我試圖使用document.getelementbyid屬性,但它似乎不工作。有人知道我應該如何實施這個?Javascript設置值按文檔ID

function reset() { 
    stop(); 
    x.reset(); 
    update(); 
    opnieuw = setTimeout(function(){ 
    document.getElementById("scherm3").style.display = "block"; 
    document.getElementById("scherm2.2").style.visibility = "hidden"; 
    }, 10000);  
    clearTimeout(timeOut); 
    clearTimeout(timeOutElse); 
    document.getElementById("buttontimer").value = "Start"; 
} 

setTimeout(start, 5000); 

function toggleTimer(event) { 
if (isTimerStarted) { 
    stop(); 
    event.target.value = 'Start'; 
    timeOut = setTimeout(function(){ 
    document.getElementById("scherm4").style.visibility = "visible"; 
    document.getElementById("scherm2.2").style.visibility = "hidden"; 
    }, 4000) 
    clearTimeout(opnieuw); 
    clearTimeout(timeOutElse); 
    } 
    else { 
    start(); 
    event.target.value = 'Stop'; 
    timeOutElse = setTimeout(function(){ 
    document.getElementById("scherm3").style.display = "block"; 
    document.getElementById("scherm2.2").style.visibility = "hidden"; 
    }, 8000) 
      clearTimeout(timeOut); 
    clearTimeout(opnieuw); 
    } 
} 

和HTML:

<div id="button1"><input type="button" value="Stop" onclick="toggleTimer(event); clicks5times();" id="buttontimer"></div>  
     <input type="button" value="Opnieuw" onclick="reset()" class="button2" id="opnieuw"> 
+3

什麼是你的html? – everton

+1

你有一個永遠不會被調用的復位函數,一個未定義的啓動函數的setTimeout以及一個從不調用的toggleTimer函數。如果您發佈所有內容並描述您希望執行的操作,您可能會得到有用的答案。 –

+0

@EvertonAgner我編輯我的文章! – annaneedshelp

回答

1

你很可能只是使你的代碼更簡單,只需有一個「開始」和「停止」按鈕,分別,只是顯示/隱藏了正確的按鈕當前上下文。通過顯示「重置」按鈕,您已經(有點)這樣做了。只需將其設爲「停止」按鈕即可。當他們點擊「開始」時,「開始」按鈕被隱藏,並顯示「停止」按鈕。點擊「停止」,隱藏「停止」並顯示「開始」。您甚至可以使用全局布爾值來跟蹤狀態,並使「停止」按鈕的行爲類似於「暫停」按鈕,並顯示額外的「重置」按鈕,使定時器回到0.這完全取決於您正在努力完成。

+1

它的工作,謝謝! – annaneedshelp