js css实现打字效果

本文的例子分享了JavaScript实现打字效果的具体代码，供大家参考。具体内容如下

1.影响

2.源代码

htmlhead样式类型=' text/CSS ' # MyDiv { display : inline-block；宽度width:500px高度：300 px；背景-color:rgba(0，0，0，0.3)；color:hsla(0，100%，70%，1)；单词包装： break-word；线高：30 px；字母间距：3 px；左填充：3 px；text-indent :40 px；border-radius :5 px；-WebKit-box-shadow : 3px 3px 3px rgba(0，0，0，0.1)；-moz-box-shadow : 3px 3px 3px rgba(0，0，0，0.1)；box-shadow : 3px 3px 3px rgba(0，0，0，0.1)；} /style脚本类型=' text/JavaScript ' window . onload=function(){ var myDiv=document . getelementbyid(' myDiv ')；秋天来了。天空就像一颗蓝宝石覆盖着大地。村外的小池塘用清澈的眼睛凝视着美丽的天空。一对小白雁探出头来欣赏水中映出的影子。山谷里枫树的叶子红得像火，不知道是不是喝多了酒。村前村后的稻子，低着头弯着腰，在秋风中默默等待人们收割。在空中，有“人”字形的大雁，快乐地歌唱，与人告别，慢慢地飞向地平线……'。拆分(“”)；var内容=' '；var索引=0；var ID=setInterval(function(){ content=content arr[index]；myDiv.innerHTML=content ' _指数；if(index===content arr . length){ mydiv . innerhtml=content；clearInterval(ID)；console . log(' over ')；} },100);}/script/head dydiv id=' my div '/div/body/html以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。