我从之前的帖子中把这个计数器放在一起。我想将小数点更改为逗号,但我尝试了这个,脚本停止工作。此外,如何在一行上获取欧元符号和数字?我没有在任何地方"打破",那么为什么数字总是在不同的行上?
HTML:
€<div class="counter">92.1</div> is the amount to pay
JavaScript:
function startCounter(){
$('.counter').each(function (index) {
var size = $(this).text().split(".")[1] ? $(this).text().split(".")[1].length : 0;
$(this).prop('Counter',0).animate({
Counter: $(this).text()
}, {
duration: 2000,
easing: 'swing',
step: function (now) {
$(this).text(parseFloat(now).toFixed(size));
}
});
});
}
startCounter();
JSFiddle here: https://jsfiddle.net/fv7bctba/1/
我尝试了replace(/,/g, '.')
功能。但我必须说,我不确定如何使用它。
我还尝试将split
函数从 . 更改为 ,但随后它会给我一个 NaN。
<div>
是块级元素,这意味着它们通常会在它们之前和之后使用换行符进行渲染。您可以将<div>
样式设置为inline
或inline-block
,也可以使用已inline
的元素,例如<span>