Javascript 如何显示没有按钮且在指定时间段后消失的消息框？

我有一个简短的代码：

添加到购物车

函数加法成功{ document.getElementByIddemo.innerHTML=商品已成功添加到购物车中； }

---

设置超时函数，然后从元素中删除html：

函数加法成功{ document.getElementByIddemo.innerHTML=商品已成功添加到购物车中； setTimeoutfunction{ $'demo'.html； }, 3000; } 添加到购物车

---

设置一个超时函数，然后从元素中删除html：

函数加法成功{ document.getElementByIddemo.innerHTML=商品已成功添加到购物车中； setTimeoutfunction{ $'demo'.html； }, 3000; } 添加到购物车 使用下面的代码。使用函数。这里3000表示3秒。您可以根据需要更改秒数

setTimeout方法在指定的毫秒数后调用函数或计算表达式。1000毫秒=1秒

  <script>
    function addedSuccess() {
       document.getElementById("demo").style = "display:block";
       document.getElementById("demo").innerHTML = "Item added successfully in     Cart";
       setTimeout(function() {
         document.getElementById("demo").style = "display:none";
       }, 3000);
    }
 </script>

或者使用下面的代码清除文本

 <script>
     function addedSuccess() {
       document.getElementById("demo").innerHTML = "Item added successfully in     Cart";
       setTimeout(function() {
         document.getElementById("demo").innerHTML = "";
       }, 3000);
     }
 </script>

如果您想使用jquery，请使用下面的代码。看

使用下面的代码。使用函数。这里3000表示3秒。您可以根据需要更改秒数

setTimeout方法在指定的毫秒数后调用函数或计算表达式。1000毫秒=1秒

  <script>
    function addedSuccess() {
       document.getElementById("demo").style = "display:block";
       document.getElementById("demo").innerHTML = "Item added successfully in     Cart";
       setTimeout(function() {
         document.getElementById("demo").style = "display:none";
       }, 3000);
    }
 </script>

或者使用下面的代码清除文本

 <script>
     function addedSuccess() {
       document.getElementById("demo").innerHTML = "Item added successfully in     Cart";
       setTimeout(function() {
         document.getElementById("demo").innerHTML = "";
       }, 3000);
     }
 </script>

如果您想使用jquery，请使用下面的代码。看

使用JavaScript函数

或者，如果您想使用jquery，请尝试以下方法

$( "#demo" ).delay( 3000 ).hide(0);

使用JavaScript函数

或者，如果您想使用jquery，请尝试以下方法

$( "#demo" ).delay( 3000 ).hide(0);

---

在javascript中使用setTimeout函数在javascript中使用setTimeout函数