2017-01-14 5 views
-1

自分のページにカウントアップしたい。 ターゲット番号を設定し、0からカウントアップします。 しかし、私はそれを遅くするスピードでしたい。 高速で、ターゲット番号に向かってますます遅くなります。 私はこのアニメーションを行うための良い方法やライブラリを見つけることができません。 誰かが私を助けることができますか?ありがとう。JavaScriptスローダウン速度でカウントアップする方法

+0

'setInterval(function、delay)'を探していますか? – nmnsud

+0

"アルゴリズム"を使う必要があります。要素の内容を更新する場合は、 'setTimeout'の代わりに' requestAnimationFrame'を使うことをお勧めします。これは 'time '引数の利点がありますrequestAnimationFrameを使用して表示される値を計算するアルゴリズムは、最大60回/秒の値を更新します。 –

答えて

0

あなたは以下のように、この仕事のためにsetIntervalを使用する必要があります。

var counted = 0; 
var target = 10; // 10 seconds 
document.write("Counted : 0"); 
var i = setInterval(function() { 
    if (counted <= target) { 
     counted++; 
     document.write("Counted : " + counted); 
    } else { 
     clearInterval(i); 
    } 
}, 1000); 

は、私はそれをテストしていませんが、この作品を願っています。

+0

よりも頻繁に値を更新する必要はありません。それが目標に達すると「減速する」カウンターを尋ねる –

関連する問題