首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >javascript文字逐字输出精简案例

javascript文字逐字输出精简案例

原创
作者头像
IT工作者
发布2022-01-05 16:50:51
发布2022-01-05 16:50:51
1.3K2
举报
文章被收录于专栏:程序技术知识程序技术知识

javascript逐字输出案例

代码语言:javascript
复制
//动态文字提示 
            var txtArr = ['欢迎开发者', '专注Web前端开发与PHP编程设计'], 
                x = 1, 
                y = 0, 
                txt = txtArr[y], 
                timer = null, 
                timer1 = null, 
                cue = $('.menutext');  
            function changTxt() { 
                if (x == txt.length+1) { 
                    clearTimeout(timer1); 
                    timer1 = setInterval(function(){ 
                        y += 1; 
                        if (y > txtArr.length - 1) y = 0; 
                        cue.text(''); 
                        txt = txtArr[y]; 
                        x=0; 
                    },5500);                     
                } 
                cue.text(txt.substring(0,x)); 
                x+=1; 
                clearTimeout(timer); 
                timer = setTimeout(function(){ 
                    changTxt(); 
                },600); 
            } 
            changTxt(); 

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档