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

Question

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

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

您好，
我叫塔坎，
我今年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但是没用

Answer 1

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

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

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

How to insert single line breaks in a Typing Effect in JavaScript?

javascript

web-frontend