2016-06-21 13 views
0

Was ich tun möchte, ist, wenn auf die Schaltfläche "Zurücksetzen" geklickt wird, ändert sich der Wert einer anderen Schaltfläche. Ich habe versucht, die Eigenschaft document.getelementbyid zu verwenden, aber es scheint nicht zu funktionieren. Weiß jemand, wie ich das umsetzen soll?Javascript Wert von Dokument-ID eingestellt

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); 
    } 
} 

und 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

Und was ist Ihr HTML? – everton

+1

Sie haben eine Reset-Funktion, die nie aufgerufen wird, eine setTimeout auf eine Startfunktion, die nicht definiert ist, und eine ToggleTimer-Funktion, die nie aufgerufen wird. Sie können hilfreiche Antworten erhalten, wenn Sie alles, was Sie haben, veröffentlichen und beschreiben, was Sie tun wollen, was Sie nicht tun. –

+0

@EvertonAgner Ich bearbeite meinen Beitrag! – annaneedshelp

Antwort

1

Sie könnten wahrscheinlich nur Ihren Code einfacher machen, indem einfach einen „Start“ und mit „Stop“ drücken, getrennt, und nur zeigen/verstecken die richtige Taste für die aktueller Kontext. Sie tun dies (schon), indem Sie die Schaltfläche "Zurücksetzen" anzeigen. Machen Sie das einfach zu einem "Stop" Button. Wenn sie auf "Start" klicken, wird die Schaltfläche "Start" ausgeblendet und die Schaltfläche "Stopp" wird angezeigt. Klicken Sie auf "Stop" und "Stop" ist ausgeblendet und "Start" wird angezeigt. Sie können sogar einen globalen Booleschen Zustand verwenden, um den Status zu verfolgen und den "Stop" -Button wie einen "Pause" -Button zu verhalten, und einen zusätzlichen "Reset" -Knopf anzeigen, der den Timer auf 0 zurückstellt. Das hängt davon ab, was genau Sie tun versuchen zu erreichen.

+1

Es hat funktioniert, danke! – annaneedshelp