jquery＆＃34;改变不透明度脚本＆＃34;仅适用于一个div

Question

我的脚本如下所示：

function progressBar() {
var percent = parseInt($('.current-speed').text());
var progressik = Math.floor((percent * 12 / 100));
var i = 0;
var time = 200;
    $('.current-speed-background').children().each(function () {
        var x = this;
        if (progressik > i) {
            setTimeout(function () {
                $(x).animate({opacity: 1});
            }, (time * (i + 1)));
            i++;
        }
    });

}

此脚本的工作方式与进度条相似（但您可以从代码中知道）。

我不知道为什么它适用于四分之一<div class="speedometer-container">。

我已尝试将此功能放入$('.speedometer).each(function() {}等，但它没有帮助。

HTML代码如下所示：

<div class="speedometer-container">
                        <div class="speedometer-text">Wiedza</div>
                        <div class="speedometer">
                            <div class="current-speed-background">
                                <div class="speed speed1"></div>
                                <div class="speed speed2"></div>
                                <div class="speed speed3"></div>
                                <div class="speed speed4"></div>
                                <div class="speed speed5"></div>
                                <div class="speed speed6"></div>
                                <div class="speed speed7"></div>
                                <div class="speed speed8"></div>
                                <div class="speed speed9"></div>
                                <div class="speed speed10"></div>
                                <div class="speed speed11"></div>
                                <div class="speed speed12"></div>
                            </div>
                            <div class="current-speed">68%</div>
                            <div class="speedometer-details">
                                <a href="javascript:void(0)">Details</a>
                            </div>
                        </div>
                    </div>

如果你解决这个问题，我会非常感激的。

编辑：我已经解决了这个问题。问题在于：var percent = parseInt($('.current-speed').text());只取值一次，这就是为什么其余空闲容器为0的原因。