JavaScript 学习笔记跑马灯

最新推荐文章于 2024-11-12 11:19:19 发布

iteye_17277

最新推荐文章于 2024-11-12 11:19:19 发布

阅读量90

点赞数

分类专栏： JavaScript 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/iteye_17277/article/details/82324793

版权

JavaScript 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

function ischinese(s){//判断是否为汉字
    var ret=true; 
    for(var i=0;i<s.length;i++) 
       ret=ret && (s.charCodeAt(i)>=10000); 
    return ret; 
}
var msg = "这是一个跑马灯效果的JavaScript文档";
var interval = 100;
var seq = 0;
var blankstr = "";
var len = msg.length;

function scrool(){
    
    window.status = msg.substring(0,seq+1);
    seq++;
    if( seq >= len){
        seq = 0;
        scrool2();
    }else
        window.setTimeout("scrool();",interval);
    
}
function scrool2(){
    if(ischinese(msg.substring(seq,seq+1)))
        blankstr = blankstr+"  ";
    else
        blankstr = blankstr+" ";
    var str = blankstr+msg.substring(seq,len);
    window.status = str
    seq++;
    if(seq > len){
        seq = 0;
        blankstr = "";
        scrool();
    }
    else
        window.setTimeout("scrool2();",interval);
}
scrool();