使用javascript/jquery在消息上设置时间 [英] set Time on a message using javascript/jquery

问题描述

我想显示一条消息大约5-10秒. 5-10秒后，该消息应从屏幕上消失.

I want to display a message for about 5 - 10 seconds. After 5 - 10 seconds the message should disappear from the screen.

我的代码:

if (hasAnyPickedToken == true) {
   htmlToken += '<li><span class="icon16 icomoon-icon-info-2 blue"></span><span style="color:black">You Have <b style="color:#428bca">Successfully</b> Picked the token,now you can start your work by clicking open Token.</span></button> </li>';
}

此信息应在页面加载5到10秒后消失.

This message should disappear after 5 - 10 seconds after page loaded.

推荐答案

WORKING FIDDLE

您可以通过这种方式将其隐藏

You can hide it out this way

$(document).ready(function(){
    function hideMsg(){
    //alert("hi");
        $("span").fadeOut();
    }
    setTimeout(hideMsg,10000);
});

相应地更改元素.

这篇关于使用javascript/jquery在消息上设置时间的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！