消息出现一秒钟然后消失Javascript

时间:2012-07-30 13:30:43

标签: javascript settimeout

愚蠢的问题。我想在几秒钟之后得到一条消息出现并消失。我只是觉得我会有一个超时功能,最后我只会附加一个空字符串。

setTimeout(function() {
    $('#resultDivSE').append('<b><p style="font:color:rgb(128,0,128)">' + data + '</p></b>');
}, 1000)
$('#resultDivSE').append('');

这似乎不起作用。我在这里遗漏了什么...另外,你会如何设置文本的颜色?

5 个答案:

答案 0 :(得分:3)

追加是添加一个空白字符串到底,你要替换它,你想要.html('')

你想要的颜色$('#resultDivSE').css('color' , '#FF0000')(我想,我不太使用jQuery)

答案 1 :(得分:1)

append命令将文本添加到您选择的div中。要清除div中需要的所有文本:

$('#resultDivSE').html('');

要更改css中文本的颜色,您只需使用颜色:所以您的段落标记如下所示:

<p style="color:rgb(128,0,128)">

答案 2 :(得分:1)

你的逻辑是倒退的。您需要立即设置消息,然后在超时时清除它。要使消息显示一秒钟,您可以这样做:

$('#resultDivSE').html('<b><p style="color: #ff00ff">' + data + '</p></b>');
setTimeout(function() {
    $('#resultDivSE').html("");
}, 1000);

P.S。我还填写了正确的样式值来设置文本的颜色。

P.P.S显示消息的时间不是很长。你可能想要5秒钟。

答案 3 :(得分:0)

使用.html代替.append。追加将为您的div添加内容,而.html实际上会更改HTML。

答案 4 :(得分:0)

Jquery css可以帮助您设置字体的颜色: http://api.jquery.com/css/ 使用Color

的css属性

看起来你的setTimeout字符串末尾缺少一个分号。也许我只是在这里无能为力,或者与代码片段混淆,但似乎你正在做相反的事情,并且你想要附加到你的结果div的html将在1000毫秒之后发生。