javascript - 如何在 JavaScript 的打字效果中插入单行换行符？

Question

我想在 JavaScript 的打字效果中插入单行换行符。

我希望我的文字是这样的：

您好，
我叫 Tarkan，今年
22 岁，
正在学习前端 Web 开发。

var i = 0;
var myInf = 'Hello, \n My name is Tarkan, \n I am 22 years old, \n I am learning Front-End Web Development';

function textTyping() {
  if (i < myInf.length) {
    document.getElementById("about").innerHTML += myInf.charAt(i);
    i++;
    setTimeout(textTyping, 70);
  }
}
window.addEventListener('load',textTyping());

我使用了 \n 但它不起作用。

标签： javascriptweb-frontend

Answer 1

换行符不会导致 HTML 中的换行符。您必须将其转换为<br>标签：

let char = myInf.charAt(i);
if ( char === '\n' ) {
  char = '<br>';
}
document.getElementById("about").innerHTML += char;