javascript - 带JavaScript返回的动画/定时文本

我有以下代码：

function list() {
    return "blob1<br>blob2<br>blob3";
}

运行此代码时，它将在函数调用时直接在return中显示整个文本。

有没有办法让它显示blob1，然后等待0.5秒，然后显示blob2，再过0.5秒后显示blob3？

最佳答案

这是我可能的方法：

var stack = ["blob1", "blob2", "blob3"];

function nextItem() {
    document.body.innerHTML += stack.shift() + "<br>";
}

nextItem();
setTimeout(nextItem, 500);
setTimeout(nextItem, 1000);