Javascript - 将参数传递给函数以在 getElementById() 中使用

Question

当元素出现在 View 中时，统计数据会迅速增加到最终值，使数字看起来像是在上升。

在传递确定要递增的元素所需的参数以及确定何时停止递增值的最终值是什么时遇到一些问题。

function increment(elem, finalVal) {

    var currVal = parseInt(document.getElementById(elem).innerHTML, 10);
    if (currVal < finalVal) {
        value++;
        document.getElementById(elem).innerHTML = currVal + "%";

        setTimeout(function() {
        increment(elem, finalVal);
        }, 40)
    }
};

为了获得完整的图片，这里还有代码笔: http://codepen.io/BAWKdesign/pen/yePOGV

Answer 1

您的变量 value 未在任何地方使用。

我假设你的增量函数应该是这样的

function increment(elem, finalVal) {
var currVal = parseInt(document.getElementById(4).innerHTML, 10);
if (currVal < finalVal) {
    currVal++;
    document.getElementById(elem).innerHTML = currVal + "%";
    setTimeout(function() {
        increment(elem, finalVal);
    }, 40);
  }
};