JavaScript经验条

< script >
var IknowLevel = [ 0 , 100 , 500 , 1000 , 2500 , 5000 , 8000 , 12000 , 16000 , 20000 , 25000 , 35000 , 50000 , 80000 , 120000 , 180000 , 250000 , 400000 ];
function scoreRake(score){
    var len = IknowLevel.length;
    var i = getUserLevel(score);
    var min,max,rake;
     if (i == 0 ) return   0 ;
     if (i >= len){ return   100 ;}
    min = IknowLevel[i - 1 ];
    max = IknowLevel[i];
     if (score > min && score <= max)
         return  (score - min) * 100 / (max - min);
     return   0 ;
}
function getUserLevel(score){
     for (i = 0 ,l = IknowLevel.length;i < l;i ++ ){
         if (score <= IknowLevel[i]) break ;
    }
     return  i;
}
function scoreBar(score,scoreBarId,scoreDisplayId){
    document.write( " <style>.bar{width:110px;height:7px;border:1px solid #53d242;}#scoreBar{background:#6c0;height:100%;width:0;font-size:0px;}</style> " );
    var rake = scoreRake(score);
    G(scoreBarId).style.width = rake + " % " ;
    var level = getUserLevel(score);
     if (level >= 18 ){level = 17 ;needscore = "" ;} else {needscore  =   " / " + IknowLevel[level];}
     if (score < 0 ){needscore = "" ;}

    G(scoreDisplayId).innerHTML = score + needscore;
}
function G(id){ return  document.getElementById(id);}
</ script >


< div  class = " bar " >< div id = " scoreBar " >& nbsp; </ div ></ div > ( < span id = " scoreDisplay " ></ span > )

< script > scoreBar( 30000 , " scoreBar " , " scoreDisplay " ); </ script >

转载于:https://www.cnblogs.com/hayden/archive/2009/07/31/1535712.html