Question

我已经有了这个增加固定数字的脚本。

var START_DATE = new Date("January 1, 2014 00:00:00");
var INTERVAL = 10;
var INCREMENT = 1;
var START_VALUE = 12345678;
var count = 0;

$(document).ready(function() {
    var msInterval = INTERVAL * 1000;
    var now = new Date();
    count = parseInt((now - START_DATE)/msInterval) * INCREMENT + START_VALUE;
    document.getElementById('counter').innerHTML = count;

    window.setInterval( function(){
        count += INCREMENT; 
        document.getElementById('counter').innerHTML = count;
    }, msInterval);

});

在我的HTML上，我有以下内容：

<div id="counter"></div>

每10秒我的初始数量增加一个单位。所以它出现像12345678，这是不容易阅读。我希望每三个单位有一些时段。类似于12.345.678。

我需要将哪些内容添加到脚本中，以便最终编号出现？

谢谢。

Answer 1

使用add commas to a number in jQuery您可以获得类似

的内容

＆＃13;

var START_DATE = new Date("January 1, 2014 00:00:00");
var INTERVAL = 1;
var INCREMENT = 1;
var START_VALUE = 12345678;
var count = 0;
var msInterval = INTERVAL * 1000;
var now = new Date();
var count = parseInt((now - START_DATE) / msInterval) * INCREMENT + START_VALUE

function formatDot(val) {
  while (/(\d+)(\d{3})/.test(val.toString())) {
    val = val.toString().replace(/(\d+)(\d{3})/, '$1' + '.' + '$2');
  }
  return val;
}


function countIt() {
  count += INCREMENT;
  $('#counter').text(formatDot(count));

}



$(function() {
  countIt();
  setInterval(countIt, msInterval);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="counter"></div>

＆＃13;

Answer 2

您可以使用一些格式化数字的函数调用。

$(document).ready(function() {
    var msInterval = INTERVAL * 1000;
    var now = new Date();
    count = parseInt((now - START_DATE)/msInterval) * INCREMENT + START_VALUE;
    document.getElementById('counter').innerHTML = formatNumber(count);

    window.setInterval( function(){
        count += INCREMENT; 
        document.getElementById('counter').innerHTML = formatNumber(count);
    }, msInterval);

});

function formatNumber(n){
    return Number(n.toFixed(1)).toLocaleString()
}
function formatNumberPeriods(n){
    return formatNumber(n).replace(/,/g,'.');   
}

实施例： http://jsfiddle.net/0tx1yLnu/3/

将句点添加到数字

2 个答案: