出现一秒钟然后显示为Javascript的消息

Message that appears for a second and then dissapears Javascript

本文关键字：Javascript 消息 显示 一秒钟 然后      更新时间：2024-05-19

愚蠢的问题。我正试图让一条信息在几秒钟后出现并消失。我只是想我会有一个超时函数，最后我会添加一个空字符串。

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

这似乎不起作用。我是不是错过了什么。。。另外，你会如何设置文本的颜色？

Append是在末尾添加一个空白字符串，您想要替换它，您想要.html('')

对于你想要的颜色$('#resultDivSE').css('color' , '#FF0000')（我想我不怎么使用jQuery）

您的逻辑是向后的。你需要立即设置消息，然后在超时时清除它。要让消息出现一秒钟，你可以这样做：

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

附言：我还填写了适当的样式值，用于设置文本的颜色。

p.p.S显示信息的时间不是很长。你可能想要5秒左右。

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

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

要更改css中文本的颜色，您只需使用color：所以您的段落标记看起来像这样：

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

使用.html而不是.append。Append会在div中添加一些内容，而.html实际上会更改HTML。

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

看起来setTimeout字符串末尾缺少一个分号。也许我只是对此一无所知，或者对代码片段感到困惑，但你似乎在做相反的事情，你想要附加到结果div的html将在1000毫秒后出现。

相关文章：