如何在javascript类型的书写效果中使文本出现在下一行

我正在使用java脚本打字效果在我的网页上显示报价。 我已经这样做了，但我的问题是，我希望作者的名字在右下角，但会随文本一起出现。我该怎么做

这是我的密码

document.addEventListener（'DOMContentLoaded'，函数（事件）{
//在打字机中输入文本的数组
var dataText=[“从做必要的事情开始；\n\n然后做不可能的事情；\n\n然后突然你在做不可能的事情；\n \-Francis of Assisi”]；
//在打字机中键入一个文本
//一直调用自己，直到文本完成
函数式打字机（文本、i、FN）{
//如果文本尚未完成，请检查
如果（i<（文本长度））{
//向h1添加下一个字符
document.querySelector（“h3”）.innerHTML=text.substring（0，i+1）+''；
//请稍等片刻，然后再次调用此函数以获取下一个字符
setTimeout（函数（）{
打字机（文本，i+1，FN）
}, 100);
}
//文本完成后，如果有回调函数，则调用callback
else if（typeof fnCallback=='function'）{
//超时后调用回调
}
}
//为dataText数组中的文本启动打字机动画
函数StartTextAnimation（i）{
如果（数据文本[i]的类型=='undefined'）{
setTimeout（函数（）{
StartTextAnimation（0）；
}, 20000);
}
//检查dataText[i]是否存在
if（i

你好
document.addEventListener（'DOMContentLoaded'，函数（事件）{
//在打字机中输入文本的数组
var dataText=[“从做必要的事情开始；\n\n然后做不可能的事情；\n\n然后突然你在做不可能的事情；
-Francis of Assisi”]；
//在打字机中键入一个文本
//一直调用自己，直到文本完成
函数式打字机（文本、i、FN）{
//如果文本尚未完成，请检查
如果（i<（文本长度））{
//向h1添加下一个字符
document.querySelector（“h3”）.innerHTML=text.substring（0，i+1）+''；
//请稍等片刻，然后再次调用此函数以获取下一个字符
setTimeout（函数（）{
打字机（文本，i+1，FN）
}, 100);
}
//文本完成后，如果有回调函数，则调用callback
else if（typeof fnCallback=='function'）{
//超时后调用回调
}
}
//为dataText数组中的文本启动打字机动画
函数StartTextAnimation（i）{
如果（数据文本[i]的类型=='undefined'）{
setTimeout（函数（）{
StartTextAnimation（0）；
}, 20000);
}
//检查dataText[i]是否存在
if（i

您好
添加了将
\n
替换为



document.addEventListener（'DOMContentLoaded'，函数（事件）{
//在打字机中输入文本的数组
var dataText=[“\n开始做必要的事；\n然后做不可能的事；\n然后突然你在做不可能的事；\n\t-Francis of Assisi”]；
//在打字机中键入一个文本
//一直调用自己，直到文本完成
函数式打字机（文本、i、FN）{
//如果文本尚未完成，请检查
如果（i<（文本长度））{
//向h1添加下一个字符
document.querySelector（“h3”）.innerHTML=text.substring（0，i+1）。替换（/\n/g，“
”）。替换（/\t/g，“）+”；
//请稍等片刻，然后再次调用此函数以获取下一个字符
setTimeout（函数（）{
打字机（文本，i+1，FN）
}, 100);
}
//文本完成后，如果有回调函数，则调用callback
else if（typeof fnCallback=='function'）{
//超时后调用回调
}
}
//为dataText数组中的文本启动打字机动画
函数StartTextAnimation（i）{
如果（数据文本[i]的类型=='undefined'）{
setTimeout（函数（）{
StartTextAnimation（0）；
}, 20000);
}
//检查dataText[i]是否存在
if（i
.spacer{
宽度：200px；
显示：内联块；
}

您好
或者您可以生成如下代码

var dataText = ["Start by doing whats necessary;\n\then do whats impossible;and\n\then suddenly you are doing the impossible;\n\<div id="+"author>-Francis of Assisi</div>"];

var dataText=[“先做必要的事；\n\n然后做不可能的事；\n\n然后突然你在做不可能的事；\n \-Francis of Assisi”]；

…制作div以更好地管理css
这是您的要求。。？如果是工作还是不工作，告诉我。。。！我想显示我在javascript代码数组中提供的作者姓名，以显示在下一行中。只有一个问题。当它遇到
时，它首先打印<，然后它意识到ok，现在我必须转到新行。这不是很好的效果，因为最初<正在打印此代码
vardataText=[“从做必要的事情开始；\n\n然后做不可能的事情；\n\n然后突然你在做不可能的事情；
-Francis of Assisi”]正如我现在说的，我是第一个印刷&国家统计局和