一次列出一个 HTML 段落 效果？答案

【问题标题】：List one HTML paragraph at a time effect?一次列出一个 HTML 段落 效果？
【发布时间】：2014-08-04 01:45:49
【问题描述】：

请原谅我的问题标题 - 我发现很难说出我想创造什么样的效果。如果这是重复的，我也很抱歉，但我发现很难搜索类似的问题！

我想知道是否有任何方法可以创建文本列表效果，其中文本段落（如 line of text 中的文本段落一个接一个地显示，下一行显示之间有 15 秒的间隔。因此，例如，可以是三行文本 - 当用户在网页上时第一行可见（但其他两行对用户尚不可见），然后在用户进入页面后可以使第二行可见15 秒，然后再过 15 秒（用户访问网页后 30 秒），可以显示第三行文本。

这方面的一个例子是：第 1 行：“请稍候，我们正在处理您的请求……” 第 2 行（显示 15 秒后）：“处理时间比平时长 - 请稍候...” 第 3 行（在第 2 行显示 15 秒后显示）：“我们似乎遇到了问题 - 请单击此处联系支持人员”。

抱歉，如果我的描述令人困惑 - 虽然我尊重这不是最好的例子，但我想要的（作为一种效果）可能与命令提示符有关 - 即在键入命令并且用户按 Enter 后，每完成一个动作，命令下都会显示一行文本，然后是另一行文本（当然取决于命令）。

另一个基本示例是这张图片：http://s3.postimg.org/r59deyk2b/example.gif 如果您继续观看动画图像，您将看到第 2 行在随机数秒后显示（在本示例中不完全是 30 秒）。

非常感谢您抽出宝贵时间！

【问题讨论】：

标签： javascript jquery html effect

【解决方案1】：

TL;DR，但是 ....

var messages = [
    "Please wait while we handle your request...",
    "This is taking longer than usual to process - please wait...",
    "We seem to be having trouble - please click here to contact support"
];

$.each(messages, function(index, message) {
    setTimeout(function() {
        $('#wrapper').append(
            $('<p />', {text : message})
        )
    }, index * 15000);
});

FIDDLE

【讨论】：