2016-06-21 53 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