两行上的Javascript typewriter()
所以我创建了一个基本网站,我使用了w3schools的打字机功能: 我的问题是,我想在两行上显示文本,但我不完全确定如何做到这一点。什么都行 谢谢两行上的Javascript typewriter(),javascript,jquery,html,css,Javascript,Jquery,Html,Css,所以我创建了一个基本网站,我使用了w3schools的打字机功能: 我的问题是,我想在两行上显示文本,但我不完全确定如何做到这一点。什么都行 谢谢 var i=0; var txt='Lorem ipsum类型效应!';/*正文*/ var速度=50;/*效果的速度/持续时间(以毫秒为单位)*/ 功能打字机(){ 如果(i
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'
}
document.getElementById(“demo”).innerHTML+=char;
i++;
设置超时(打字机、速度);
}
}
打字机
点击我
不清楚是什么标准将文本打断到第二行。例如,您可以简单地将div的宽度设置为在单词上换行。这样可以方便地确保所有文本都将被包装,而无需编辑字符串
const txt='Lorem ipsum打字效果!。。。MOAR-Lorem-ipsum分型效应;
恒速=50;
//缓存元素
const demo=document.getElementById(“demo”);
//如果未定义i,则将其设置为0
(功能打字机(i=0){
如果(i
#演示{
宽度:100px;
单词包装:打断单词;
}
我想在两行上显示文本,这是什么意思?