两行上的Javascript typewriter()

两行上的Javascript typewriter(),javascript,jquery,html,css,Javascript,Jquery,Html,Css,所以我创建了一个基本网站,我使用了w3schools的打字机功能: 我的问题是,我想在两行上显示文本,但我不完全确定如何做到这一点。什么都行 谢谢 var i=0; var txt='Lorem ipsum类型效应!';/*正文*/ var速度=50;/*效果的速度/持续时间(以毫秒为单位)*/ 功能打字机(){ 如果(i

所以我创建了一个基本网站,我使用了w3schools的打字机功能:

我的问题是,我想在两行上显示文本,但我不完全确定如何做到这一点。什么都行

谢谢

var i=0;
var txt='Lorem ipsum类型效应!';/*正文*/
var速度=50;/*效果的速度/持续时间(以毫秒为单位)*/
功能打字机(){
如果(i

您可能希望在其中获得一个

你可以这样做:

var i=0;
var txt=`Lorem ipsum dummy\n text blablabla.`;
无功转速=50;
功能打字机(){
如果(i”:text;
i++;
设置超时(打字机、速度);
}
}
打字机()

您可以指定要将文本附加到类(如
typer
)的区域,以便可以针对多个元素。然后可以使用
getElementsByClassName
获取类
typer
的所有元素。然后,使用
.forEach
可以在所有元素(在本例中为div)上循环,并将适当的字符附加到这些元素上

请参见下面的工作示例:

var i=0;
var txt='Lorem ipsum类型效应!';/*正文*/
var速度=50;/*效果的速度/持续时间(以毫秒为单位)*/
功能打字机(){
如果(i{
e、 innerHTML+=txt.charAt(i);
})
i++;
设置超时(打字机、速度);
}
}
打字机()

您可以在那里使用

var i=0;
var txt='Lorem ipsum虚拟文本blabla';
无功转速=50;
var firstLineMaxChars=10
功能打字机(){
如果(i
打字机
点击我

不清楚是什么标准将文本打断到第二行。例如,您可以简单地将div的宽度设置为在单词上换行。这样可以方便地确保所有文本都将被包装,而无需编辑字符串

const txt='Lorem ipsum打字效果!。。。MOAR-Lorem-ipsum分型效应;
恒速=50;
//缓存元素
const demo=document.getElementById(“demo”);
//如果未定义i,则将其设置为0
(功能打字机(i=0){
如果(i
#演示{
宽度:100px;
单词包装:打断单词;
}
我想在两行上显示文本,这是什么意思?