Javascript 使用JQuery在几秒钟后隐藏消息
我有一个div,在其中我在登录后显示一条消息 我就是这样做的Javascript 使用JQuery在几秒钟后隐藏消息,javascript,jquery,html,Javascript,Jquery,Html,我有一个div,在其中我在登录后显示一条消息 我就是这样做的 options.waitingForOperator = 'Custom Message'; 然后 $('#chat-box-msg').html(options.waitingForOperator); 现在,我试图在几秒钟后只隐藏消息,即(options.waitingForOperator) 我读到我可以使用settimeout,但不明白如何使用iy来隐藏消息 setTimeout(function () { }, 300
options.waitingForOperator = 'Custom Message';
然后
$('#chat-box-msg').html(options.waitingForOperator);
现在,我试图在几秒钟后只隐藏消息,即(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);
}
三秒钟后,上述代码将清空聊天框msg
元素。不要使用关键字
e、 g options.waitingForOperator中的选项和点(.)
尝试使用。隐藏在setTimeout中
$(document).ready(function() {
waitingForOperator ='Custom Message';
$('#chat-box-msg').html(waitingForOperator);
setTimeout(function () {
$('#chat-box-msg').hide(waitingForOperator);
}, 3000);
});
您可以使用empty()来清除内部文本或内容
setTimeout(function () {
$('#chat-box-msg').empty();
}, 3000);
这就是我为解决这个问题所做的
if (nametext1 !== '') {
myHub.server.requestChat(msg);
$('#chat-box-msg').html('<div id=messagediv>' + options.waitingForOperator +'</div>');
setTimeout(function () {
$('#messagediv').hide();
}, 3000);
}
if(nametext1!=''){
myHub.server.requestChat(msg);
$(“#聊天框消息”).html(“”+options.waitingForOperator+“”);
setTimeout(函数(){
$('#messagediv').hide();
}, 3000);
}
非常感谢@Mr7-itsurdeveloper如果我做了上述操作,整个聊天框将变空。我不希望其他东西被隐藏,除了信息:(@Richa where r u显示您的信息…如果您发布您的html,将非常有用code@iJay更新了任务库。但我知道我无法更改它,因为这样我将不得不基于它更新太多内容:(即使我做了以上的事情,完整的div也会hidden@Richa好的,那么请直接尝试…用html编写消息(“自定义消息”)和.hide(“自定义消息”)如果不想隐藏div,那么…请选中此项,但还有其他文本我不想清除,因此我无法使用:(你能给我看一下你的#聊天框msg的DOM/HTML结构吗?请点击这里查看实时代码
if (nametext1 !== '') {
myHub.server.requestChat(msg);
$('#chat-box-msg').html('<div id=messagediv>' + options.waitingForOperator +'</div>');
setTimeout(function () {
$('#messagediv').hide();
}, 3000);
}