如何阻止文本出現，然後在一秒後消失，使用JavaScript？

我試圖讓文本使用如何阻止文本出現，然後在一秒後消失，使用JavaScript？

function frenchBread(){ 
     var div = document.getElementById("orderBox"); 

     div.innerHTML = div.innerHTML + "French Bread"; 
    }

我已經創建了一個inpute類型=圖像將使用該功能與onclick事件在一個div露面。它可以工作，但是，文本顯示在div中一秒鐘後消失。我不確定這個問題是否與這個div也在表格內部有關。對不起，我有點新手在JavaScript和HTML。

 <td> 
     <div class = "order"> 
      <p>Your Order:</p> 
      <p id = "orderBox"></p> 
     </div> 
     </td>

上面是在div是表中的一部分。

<input type = "image" class = "items" src ="FrenchBread.png" value = "frenchBread" onclick = "frenchBread()">

上面是我調用的函數。

來源

2015-01-12 BreadCat

關於該代碼的任何內容都不會導致文本消失。（或者，因爲你永遠不會調用函數，所以出現在第一位）。 – Quentin

當你修改其內容時，你不希望覆蓋'orderBox'內的任何東西嗎？我問，因爲你正在做'.innerHTML = .innerHTML + ....'。在沒有看到你如何調用上述函數的情況下，我只能說你可以通過'div.innerHTML ='French Bread';'來設置內容。 – praneetloke

不，沒有什麼內容，我只是想要添加文本。但是，我希望能夠繼續追加更多文本。 – BreadCat

圖像輸入是服務器端圖像映射。點擊它將提交它所在的表單。這會導致一個新的頁面被加載。

改爲使用按鈕。

<button type="button" onclick="..."><img ...></button>

應用CSS刪除所需的任何邊框和背景顏色。

來源

2015-01-12 17:04:30 Quentin

非常感謝，它的工作！ – BreadCat

如何阻止文本出現，然後在一秒後消失，使用JavaScript？

回答

相關問題