2016-05-13 116 views
-1

我该如何延迟文本?我一直在使用setTimeout(),但不起作用。延迟javascript演示功能

<form name="myForm"> 
    <input type="submit" value="confirm" onclick="submitFunction()"/> 
</form> 
<script> 
    function submitFunction(){ 
     document.getElementById("demo").innerHTML = "Hi How are you?"; 
    } 
</script> 
<div id="demo"></div> 
+2

提供的代码不使用'setTimeout'。告诉我们你用'setTimeout'试过了什么,并描述什么都不起作用。 –

+0

你可能做过'setTimeout(submitFunction(),2000)',ity应该是'setTimeout(submitFunction,2000)'而不用括号,你传递的是三个函数的引用而不是直接调用它 –

+0

另外,这个问题,因为你不能说你使用setTimeout有问题,而不是显示你如何使用它 –

回答

1

在这种情况下,请不要使用<input type="submit"/>。它会导致页面重新加载,并且您的预期行为从不显示。将输入类型更改为button不会触发发布行为,因此您的消息显示如下:

<form name="myForm"> 
    <input type="button" value="confirm" onclick="submitFunction()"/> 
</form> 
<script> 
    function submitFunction(){ 
     document.getElementById("demo").innerHTML = "Hi How are you?"; 
    } 
</script> 
<div id="demo"></div> 
+1

+1,不知道OP所尝试的是什么,这是一个可能的原因,但我更喜欢你的第一个建议,而不是使用'submit',而不是提供的解决方法。在跳转到解决方法之前,您可能希望在您的回答中提出替代方案(即按钮)。 –

+0

你说得对。这种情况如此微不足道,因此解决方法毫无意义。 – Tyr