javascript逐字输出案例

最新推荐文章于 2024-07-19 00:47:32 发布

浪屿

最新推荐文章于 2024-07-19 00:47:32 发布

阅读量570

点赞数

分类专栏： js 文章标签： js

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<script>

var txtArr = ['热烈欢迎！'],
    x = 1,
    y = 0,
    txt = txtArr[y],
    timer = null,
    timer1 = null,
    cue = $('#test');
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();