0

少し進行状況バーのスクリプトがあります。正常に動作しますが、ページの読み込み時に実行されます。バーが画面に表示されているときにアニメーションを実行したい (プログレス バーがタブにある場合も動作するはずです)。どうすればこれを入手できますか?

スクリプトは次のとおりです。

setTimeout(function(){

    $('.skill-bar .skill-bar-content').each(function() {
        var me = $(this);
        var perc = me.attr("data-percentage");

        var current_perc = 0;

        var progress = setInterval(function() {
            if (current_perc>=perc) {
                clearInterval(progress);
            } else {
                current_perc +=1;
                me.css('width', (current_perc)+'%');
            }

            me.text((current_perc)+'%');

        }, 10);

    });

},10);

jsFiddle: http://jsfiddle.net/fUyYL/

4

1 に答える 1

0

このようなもの？http://jsfiddle.net/fUyYL/1/

var ele = $('#skill-bars');
if( ele.is(':visible') ) {
    ...
}
于 2013-01-25T12:16:29.070 に答える