Question

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

我想知道是否有任何方法可以创建文本列表效果，其中文本段落（如在<p>line of text</p>中一个接一个地显示，在下一行显示之间有15秒的间隔。例如，可能有三行文本 - 第一行是可见的，因为用户在网页上（但其他两行对用户还不可见），然后第二行可以在用户打开后显示页面持续15秒，然后又过了15秒（用户访问网页后30秒），可以显示第三行文字。

这方面的一个例子是：第1行：“请等待我们处理您的请求......” 第2行（15秒后显示）：“这需要比平时更长的时间来处理 - 请等待......” 第3行（显示第2行显示后15秒）：“我们好像遇到了麻烦 - 请点击这里联系支持”。

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

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

非常感谢你的时间！

Answer 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

一次列出一个HTML段落<p>？</p>

1 个答案: