JvaScript实现文字从左向右依次显示的效果

作者 : admin 本文共578个字,预计阅读时间需要2分钟 发布时间: 2021-08-16 共86人阅读

在日常的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>
1. 本站所有源码、模板、插件、素材等其他资源,均来自网络收集及网友分享!
2. 本站资源重在学习交流研究,版权归原作者所有,如需商业请联系原开发作者购买!
3. 本站资源严谨商业或者非法用途,若出现法律纠纷与本站无关,一切后果请用户自负!
4. 本站提供的所有资源不免费提供个人需要的资源修改、美化、功能定制服务!
5. 本站资源会员只是赞助,根据个人需求选择,赞助费用仅维持本站的日常运营所需!
6. 本站提供资源大部分都会经过测试,但不保证100%无bug,如介意请勿下载!
7. 本站资源若有侵犯您的版权,请联尽快联系站长删除。
8. 如遇需要解压密码,则解压密码为"www.35ym.cn"!
9. 本站提供资源如遇下载链接失效,请联系站长处理!

35源码网 » JvaScript实现文字从左向右依次显示的效果

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
网站下载资源无法正常使用或者运行怎么办?
本站所有资源均来源于网络收集和网友分享,大部分资源都会经过实际测试,但不保证所有资源百分百无bug存在,请知晓。如遇搭建失败,请首先排除技术问题,再咨询站长。
解压密码是什么?
如下载无特别说明时,本站资源使用统一解压密码:www.35ym.cn