javascript - 如何使用 jQuery 隐藏此消息？

Question

根据条件，我将一条新消息分配给一个变量，然后使用 jquery 显示该消息。现在 2 秒后我想隐藏该消息并显示另一条新消息。问题是我没有将消息显示到一个 html div 所以我很困惑如何实现这个？

if(newresp == "success")
{
var newmsg="<img src=\"images/myimg.png\"><span style='color:#00CCFF;font-size:25px;margin-top:2px'> validated!</span>";
var newmsg1="redirecting ......";
$("#status").hide().fadeIn('slow').html(newmsg);
// i want to hide this newmsg now and then show the newmsg1

}

Answer 1

您可以使用javascript setTimeout方法。

if(newresp == "success")
{
var newmsg="<img src='images/myimg.png'><span style='color:#00CCFF;font-size:25px;margin-top:2px'> validated!</span>";
var newmsg1="redirecting ......";

    $( "#status" ).hide().fadeIn( 500 ).html(newmsg).delay( 2000 ).fadeOut( 500 );

    setTimeout(function() {
        $( "#status" ).hide().fadeIn(500 ).html(newmsg1).delay( 2000 ).fadeOut( 500 );
    }, 3000);

    setTimeout(function() {
        window.location='http://google.com';
}, 6000);
};

Demo

第一个SetTimeout延迟是3000(3秒)，第一条消息可见的时间总和(500+ 2000+500)
第二个SetTimeout延迟是6000(3''+3'')然后重定向。