将百分比添加到计数jquery的数字中

Question

我希望在每个数字从0到100之后追加一个％并将其用作加载器。我尝试添加

$(".timer").append("%");

但是只将它添加到最后一个数字。总是感谢帮助。

http://jsfiddle.net/YWn9t/

谢谢！

Answer 1

你也可以使用css after伪类：

.timer:after
{
    content:'%';
}

并且对于javascript代码，您需要在更新值时将其附加到updateTimer函数中：

function updateTimer() {
    value += increment;
    loopCount++;
    $(_this).html(value.toFixed(options.decimals));
    $(".timer").append('%');
    ...
}

当然，您可以将％作为兄弟跨度元素添加到.timer元素。

Answer 2

您可以在HTML中硬编码％，然后使用.timer元素内联显示。

Answer 3

您可以在%功能中设置HTML内容时附加updateTimer：

$(_this).html(value.toFixed(options.decimals) + '%');

<强> Updated Fiddle

Answer 4

您可以使用每种方法

像

这样的东西

$(".timer").each(function(){
    $(this).append("%");
});