javascript - jquery animate の速度を制御する方法

Question

私はdivをアニメーション化するためにjqueryを使用しています。移動速度をコントロールしたい。私はこれでたくさん遊んだ。しかし、誰かが速度を制御する方法を教えてくれることを願っています. これがコード例です。

$(document).ready(function(){
    $('#block').css({'left':'-617px','top':'-300px'});
    $('#Cont').show();
    $('#block').animate({'left':'17px','top':'10px'},'slow',function(){

    });
});

アニメーションの速度を制御する方法を知りたいです。

Answer 1

ミリ秒単位の時間で変更slowするだけです。たとえば、1,2秒の場合は次のようにします

$('#block').animate({'left':'17px','top':'10px'},  1200, function() {
...

Answer 2

デフォルトの期間は 400 ミリ秒です。文字列 'fast' と 'slow' は、それぞれ 200 ミリ秒と 600 ミリ秒に対応します。

$('#block').animate({'left':'17px','top':'10px'},'slow',function(){


        });