跑马灯效果

最新推荐文章于 2024-01-17 17:20:20 发布

tsing_feng

最新推荐文章于 2024-01-17 17:20:20 发布

阅读量592

点赞数

分类专栏： JavaScript 文章标签： scroll function javascript 文档

本文链接：https://blog.csdn.net/tsing_feng/article/details/1146172

版权

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

//跑马灯效果
var msg="这是一个跑马灯效果的JavaScript文档";
        var interval = 100;
        var spacelen = 120;
        var space10=" ";
        var seq=0;

        function Scroll() {
            len = msg.length;
            window.status = msg.substring(0, seq+1);
            seq++;
            if ( seq >= len ) {
                seq = spacelen;
                window.setTimeout("Scroll2();", interval );
            }
            else
            {
                window.setTimeout("Scroll();", interval );
            }

}

        function Scroll2() {
            var out="";
            for (i=1; i<=spacelen/space10.length; i++) out += space10;
            out = out + msg;
            len=out.length;
            window.status=out.substring(seq, len);
            seq++;
            if ( seq >= len ) { seq = 0; };
            window.setTimeout("Scroll2();", interval );
        }

Scroll();