本文共 759 字，大约阅读时间需要 2 分钟。

html：

JS：

//str填充内容，利用
   <作为换行符 let str="......她喜欢吃辣，喜欢卤味，最喜欢螺蛳粉,她的麻辣烫和烤鱼里总要放一块面，她喜欢在风景好的地方相遇。<她喜欢奶茶，有时候是奶绿，有时候是奶盖，有时候是霓裳茶舞，她要的只是三分糖，可以加的是珍珠。<她喜欢水果捞,爱加酸奶和芋圆，不喜欢水果捞里的爆珠，可以放烧仙草但不会加椰果。<......我的记性很差，所以每次发消息都会下意识地先点到你的聊天框，然后再想起来要做什么。<......后来才发现，不知从什么时候开始，我的生活已经全部都倾倒在细雨和花丛中。" ; strp="" i="0;" ** * 打字效果 function print1() { if(str[i]!="<" ) strp+="str[i];" document.getelementbyid("box1").innerhtml="strp+"
    
"+'|';         strp+="
    
    
";     }     i++; } /**  * print2作为最后的光标闪动的效果  */ function print2() {
        setTimeout(()=>{
   document.getElementById("box1").innerHTML=strp+' ';},100);     setTimeout(()=>{
   document.getElementById("box1").innerHTML=strp+'|';},630); } /**  *setInterval函数控制打字速度  */ let printid=setInterval(() => {
        print1();     if(i==str.length)     clearInterval(printid); },90);    /**  * 光标闪动速度，默认模拟电脑正常光标闪动，0.53秒闪一次  */ setTimeout(() => {
        id=setInterval(print2,1060);//注意setInterval内部直接写函数的时候是直接写函数名不加括号的。 },(str.length-1)*90); //
   

相关注释已经写在代码里。

图片是在unsplash找的。

希望你会喜欢。

转载地址：http://ixeof.baihongyu.com/