Html实现文字从左向右依次显示的两种方法

在日常的web开发中，很多时候网页需要实现一些看上去比较炫酷的效果，比如，在Html中实现文字从左向右依次显示的效果，下面贴两段代码，已测试可用。

方法一：

<script>
var index=0;
var str=document.getElementById("jingyan-p").innerHTML;
function type(){
if(index==str.length){index=0;}
    if(index<str.length){
        document.getElementById("jingyan-p").innerText = str.substring(0,index++);
    }
}
setInterval(type, 100);
</script>

方法二：

<script>        
    var i=0;
    var str="2021，您需要一个适合做全网营销的网站";            
    window.onload=function typing(){
                //获取div
        var mydiv=document.getElementById("jingyan-span");
        mydiv.innerHTML+=str.charAt(i);
        i++;
        var id=setTimeout(typing,100);
        if(i==str.length){
            clearTimeout(id);
            }
        }
</script>