javascript文字逐字输出精简案例

来源 : 作者 : admin时间 : 2016-10-17 10:44:09 人气指数 :

导语 javascript逐字输出案例动态文字提示vartxtArr=[& 39;欢迎来到爱思资源网，官网地址：http: www aseoe com & 39;,& 39;专注Web前端开发与PHP编程设计& 39;],x=1,y=0,txt=txtArr[y],timer=null,timer1=null,cu

javascript逐字输出案例

//动态文字提示

            var txtArr = ['欢迎来到爱思资源网，官网地址：http://www.aseoe.com/', '专注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();