如何让元素显示一段时间然后消失，当我刷新页面时它不显示？ [关闭]答案

【问题标题】：How do I make an element display for some time then fade away and when i refresh my page it doesn't show? [closed]如何让元素显示一段时间然后消失，当我刷新页面时它不显示？ [关闭]
【发布时间】：2016-11-23 00:39:06
【问题描述】：

我有一个登录页面，当我登录时，它会将我带到我的主页，其中包含<div class="alert alert-success> 消息。我希望这条消息显示 5 秒钟然后淡出。我怎么做？？此外，当我刷新页面时，我不希望再次显示该消息，除非我注销然后再次登录。

这是一些代码： × 成功！ 登录成功！这应该在我成功登录时显示。

【问题讨论】：

你有数据库吗？
您确实应该添加一些代码。同时，我应该指出cookies! 在用户登录时创建一个cookie，并使用Javascript in PHP 隐藏警报成功消息。

标签： php html twitter-bootstrap

【解决方案1】：

你可以使用php创建设置一个会话变量，然后在显示后清除它。

session_start();
$_SESSION['new_message'] = true;

if(isset($_SESSION['new_message']){
//your code to display the message
session_destroy;
}

使用 jquery 5 秒后淡出

$('#div').delay(5000).fadeOut(400)

【讨论】：