JQuery/PHP
JvaScript实现文字从左向右依次显示的效果
PetitQ
收藏
在日常的 web 开发中，很多时候网页需要实现一些看上去比较炫酷的效果，比如，在 Html 中 JvaScript 用实现文字从左向右依次显示的效果，下面贴两段代码，已测试可用
方法一
<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>
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
