javascript - 里程表数字格式

Question

我正在尝试使用此 odometer 实现里程表(用于价格)

问题出在数字格式上。例如，我的价格“150,75”转换为“300,52”。里程表显示“15,075”和“30,052”，这是不正确的。如果我输入“150,075”，效果很好，但我无法更改价格格式，我需要输入“150,75”(逗号后的两个数字)。我该怎么做？

这是代码JSFiddle

var odometer = document.querySelector('.odometer');

window.odometerOptions = {
format: '(ddd),dd',
duration: 1000
};

var num="300,52";
setTimeout(function(){
odometer.innerHTML = num;
}, 1000);

谢谢

Answer 1

显然里程表不方便更改小数(基数)标记符号。这是一个覆盖符号的肮脏黑客行为。也许你应该联系作者并询问他是否可以正确实现这一点。但是，与此同时，这是有效的:

var odometer = document.querySelector('.odometer');
var num= 300.52;

od = new Odometer({
  el: odometer,
  value: 150.75,
});
od.update(num);
odometer.querySelector('.odometer-radix-mark').innerHTML = ",";
window.addEventListener('odometerdone', function(){  
    odometer.querySelector('.odometer-radix-mark').innerHTML = ",";
});

http://jsfiddle.net/Vg92t/