如何阻止文本出现，然后在一秒后消失，使用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？

回答

相关问题