单击按钮时输出消息，然后在一段时间后自动消失答案

【问题标题】：Output message when button is clicked and then make it automatically disappear after some time单击按钮时输出消息，然后在一段时间后自动消失
【发布时间】：2021-01-07 05:33:51
【问题描述】：

我想在单击按钮后输出文本，但也希望它在特定时间范围内自动消失。目前，我已经编写了 php 代码，以便在单击按钮时出现消息，但我不确定如何使其在给定的时间范围内自动消失。以下是我的php代码：

     <?php if (isset($_SESSION['msg'])): ?>
   <div class="msg">
     <?php

         echo $_SESSION['msg'];
         unset($_SESSION['msg']);
     ?>
   </div>
 <?php endif ?>

$_SESSION['msg] 是从另一个文件中获取的，其代码如下：

    if (isset($_POST['submit'])) {
  $_SESSION['msg'] = "Data Entry Added!";
}

【问题讨论】：

@RobinSingh 代码是什么样的？
请查看this

标签： php html button isset

【解决方案1】：

使用 jQuery 实现此目的的最佳方式。

在您的应用中包含Jquery

默认创建一个带有 display:none 样式的消息 div。

在按钮单击上添加单击功能以使用您的消息更改该 div 的内容，您可以使用 ajax request 从 PHP 中检索该消息。

更改内容后，使用 javascript 方法在间隔后显示和隐藏

$('#messagediv).show().delay(1000).fadeOut();

详情请参阅this。

【讨论】：

【解决方案2】：

setTimeout(()=>{ $('.msg').hide(1000); },3000);

隐藏类msg 1s 动画在3s。假设您使用的是 jquery 库。

【讨论】：