2016-05-13 87 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