用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)

所以此刻,这个函数接受一个数组,split,然后使用我已遍历字符串长度的setInterval方法.这允许文本看起来像被键入.

正如你所看到的,我的str的初始值是'var str ="让我们准备好Future!";'

但是我想在我的str值中添加一个中断'var str ="让我们
准备好Future!"

首先是可能的吗？其次,如果有人能给我一些建议,我将不胜感激,谢谢.

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)

Answer 2

您想在插入的 HTML 文本中添加换行符吗？

插入一个

<br />

插入数组中您想要文本中断的位置。要将元素插入数组，请查看 javascript 的 splice() 函数： http://www.w3schools.com/jsref/jsref_splice.asp

您的代码示例：

var str = "Let's get Future Ready!";
var split = str.split("");
var counter = 0;
split = split.splice(18, 0, "<br />");