使用JQuery在几秒后隐藏消息

时间:2014-06-24 05:45:52

标签: javascript jquery html

我有一个div,我在登录后会显示一条消息。

我就是这样做的

options.waitingForOperator = 'Custom Message';

然后

$('#chat-box-msg').html(options.waitingForOperator);

现在我试图在几秒钟之后只隐藏message,即(options.waitingForOperator)

我看过我可以使用settimeout,但不知道我如何使用iy隐藏信息

setTimeout(function () {

}, 3000);

我尝试了很多但是没有成功。

任何人都可以帮助我,因为我正处于JQUERY

的学习阶段

更新

if (chatId === null || chatId === '') {

    if (nametext1 !== '') {
        myHub.server.requestChat(msg);
        $('#chat-box-msg').html(options.waitingForOperator);
    } else {
        alert(");
    }
} else {
    myHub.server.send(msg);
}

4 个答案:

答案 0 :(得分:1)

setTimeout(function () {
        $('#chat-box-msg').empty();
    }, 3000);

三秒钟后,上面的代码将清空#chat-box-msg元素。

答案 1 :(得分:1)

不要使用关键字

例如选项& options.waitingForOperator中的点(。)

在setTimeout中尝试使用.hide

$(document).ready(function() {
    waitingForOperator ='Custom Message';
    $('#chat-box-msg').html(waitingForOperator);
    setTimeout(function () {
        $('#chat-box-msg').hide(waitingForOperator);
    }, 3000);

});

http://jsfiddle.net/s5SUm/

答案 2 :(得分:0)

你可以使用empty()来清除内部文本或内容。

setTimeout(function () {
    $('#chat-box-msg').empty();
}, 3000);

答案 3 :(得分:0)

这就是我解决它的方法。

if (nametext1 !== '') {
               myHub.server.requestChat(msg);
                $('#chat-box-msg').html('<div id=messagediv>' + options.waitingForOperator +'</div>');
                 setTimeout(function () {
                                        $('#messagediv').hide();

                                        }, 3000);

                                }

非常感谢 @ Mr7-itsurdeveloper