javascript - 使用 JS 插入 HTML

Question

目前，我对某些事情感到有点困惑，我有以下代码，它按预期工作，一切都很好。但是我想做一些小改动，因为我希望以下函数能够在文本本身中插入 html 标记，即；

var str = "Let's get Future Ready!";
var split = str.split("");
var counter = 0;

var SI = setInterval(function() {

    var typeText = $('.typetext');
    typeText.append(split[counter]);
    counter++
    if(counter == str.length){clearInterval(SI)}

},100)

所以目前，这个函数接受一个数组，拆分，然后使用我迭代字符串长度的 setInterval 方法。这允许文本看起来像是正在键入。

正如您所见，我对 str 的初始值为 'var str = "Let's get Future Ready!";'

不过，我想为我的 str 值添加一个中断 'var str = "Let's get
Future Ready!''

首先这可能吗？其次，如果有人能给我一些建议，我将不胜感激，谢谢。

Answer 1

我的建议是替换 |带有 <br> 的字符做循环的时候。在这里查看:https://jsfiddle.net/s04zbfcc/

var str = "Let's get|Future Ready!";
var split = str.split("");
var counter = 0;

var SI = setInterval(function() {

    var typeText = $('.typetext');

    typeText.append(split[counter] == '|' ? '<br>' : split[counter]);
    counter++

    if(counter == str.length) {
        clearInterval(SI)
    }

},100)