高效的jquery数字滚动特效_javascript技巧

本文实例讲述了基于jquery数字滚动特效的代码，分为四种情况分享给大家供大家参考，具体如下：

• 有分隔符，有小数点：
  
  
• 只有分隔符：
  
  
• 只有小数点：
  
  
• 无分隔符，无小数点：
  

运行效果图：

具体代码如下

有分隔符，有小数点： 


只有分隔符： 


只有小数点： 


无分隔符，无小数点：
 

'; //数字处理 var numToArr = function(num){ num = parseFloat(num).toFixed(setting.dot); if(typeof(num) == 'number'){ var arrStr = num.toString().split(""); }else{ var arrStr = num.split(""); } //console.log(arrStr); return arrStr; } //设置DOM symbol:分割符号 var setNumDom = function(arrStr){ var shtml = '

'; for(var i=0,len=arrStr.length; i'+setting.symbol+'

'+nHtml.replace("{{num}}",arrStr[i]); }else{ shtml += nHtml.replace("{{num}}",arrStr[i]); } } shtml += '