显示错误消息3秒钟然后淡出

时间:2014-12-16 06:43:23

标签: javascript php jquery html css

根据我的PHP文件返回的内容,我想在网页上显示一条消息。

$msg = "Success"; // or fail
$redirecturl = "index.php?msg=".$msg;
header("Location: $redirecturl");

HTML代码

<?php   $msg=isset($_GET['msg']) ? $_GET['msg'] : "";?>
<div id="display-success"><?php echo $msg; ?></div>

现在,如果我收到Success消息,我需要打印一个显示的小方框(持续3秒,然后淡出),以绿色success >背景。如果是failure,那么我想在红色背景中显示一条消息3秒钟然后淡出。

1 个答案:

答案 0 :(得分:2)

//by using setTime0ut

setTimeout(function() {
   $('#display-success').fadeOut().text('')
}, 10000 );

//by using delay()

$('#display-success').fadeIn().delay(10000).fadeOut();

<小时/> 例 Demo

jquery的

$(".showMsg").click(function () {
    $('#display-success').fadeIn().delay(3000).fadeOut();
});

HTML

<button class="showMsg">Click Me</button>
<div id="display-success">The error Message</div>