js实现数字每隔3位加逗号代码实例

在实际应用中，大家可能见过这样的效果，就是数字每隔三位加一个逗号，并且小数点后面保留两位小数，如果是整数的话，会自动添加小数点，并且后面会添补两个0，这个效果常用在金钱的数额中，下面就分享一段能够实现此功能的代码。

代码如下:

[ 其他 ] 运行代码下载代码

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="https://www.51qianduan.com/" /> 
<title>51前端</title> 
<script type="text/javascript">  
function outputmoney(number){  
  number = number.replace(/\\,/g, "");  
  if(isNaN(number) || number == ""){ 
    return "";  
  }  
  number = Math.round(number * 100) / 100;  
  if(number < 0){ 
    return '-'+outputdollars(Math.floor(Math.abs(number)-0)+'')+outputcents(Math.abs(number)-0); 
  }   
  else{ 
    return outputdollars(Math.floor(number-0)+'')+outputcents(number-0);  
  }  
}  
//格式化金额  
function outputdollars(number){  
  if(number.length <= 3){ 
    return (number == '' ? '0' : number);  
  } 
  else{  
    var mod = number.length % 3;  
    var output = (mod == 0 ? '' : (number.substring(0, mod)));  
    for (i = 0; i < Math.floor(number.length / 3); i++) {  
      if ((mod == 0) && (i == 0)){ 
        output += number.substring(mod + 3 * i, mod + 3 * i + 3);  
      }  
      else{ 
        output += ',' + number.substring(mod + 3 * i, mod + 3 * i + 3);  
      } 
    }  
    return (output);  
  }  
}  
function outputcents(amount){  
  amount = Math.round(((amount) - Math.floor(amount)) * 100);  
  return (amount < 10 ? '.0' + amount : '.' + amount);  
}  
window.onload=function(){ 
  var otxt=document.getElementById("txt"); 
  otxt.onblur=function(){ 
    this.value=outputmoney(this.value); 
  } 
} 
</script>  
</head>  
<body>  
<input type="text" id="txt"/>  
</body>  
</html>

代码描述：js数字每隔3位加逗号。js实现数字每隔3位加逗号代码实例

下载全部收藏

161 215

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册