Question

我想要做的是，如果点击了重置＆＃39;按钮，另一个按钮的值更改。我试图使用document.getelementbyid属性，但它似乎不起作用。有人知道我应该如何实现这个？

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">

Answer 1

您可以通过单独使用“开始”和“停止”按钮来简化代码，只显示/隐藏当前上下文的正确按钮。通过显示“重置”按钮，您已经（有点）这样做了。只需将其设为“停止”按钮即可。当他们点击“开始”时，隐藏“开始”按钮，并显示“停止”按钮。单击“停止”，隐藏“停止”，显示“开始”。您甚至可以使用全局布尔值来跟踪状态，并使“停止”按钮的行为类似于“暂停”按钮，并显示一个额外的“重置”按钮，将计时器恢复为0.这完全取决于您究竟是什么正在努力完成。

Javascript按文档ID设置值

1 个答案: