jquery - アニメーション速度を毎秒 2px に設定しますか?

Question

毎秒 2 ピクセルで動くようにアニメーションの速度を設定するにはどうすればよいですか? ここで、ブロックの長さは 310 px です。毎秒2ピクセルで移動したい。

$('#one').mouseenter(function(){
 $('.alt0').animate({width: "310px"}, 150000, function(){
    $('#refresh-1').show();
})
 $('#song-title1').show()
});
$('#refresh-1').click(function(){
$('.alt0').width(0);
$(this).hide();
})

Answer 1

アニメーションの長さを310/2*1000(0.5 秒/ピクセル x 1000 ミリ秒) に設定し、アニメーションのイージングを「線形」に設定します。

$('.alt0').animate( {width: "310px"}, 310/2*1000, "linear" );

コードはこちら

Answer 2

このコードを任意の幅に使用できます。

$('.bar1').mouseenter(function(){
    $('.alt0').animate(
        {width: $(this).width()},
        ($(this).width())/2*1000,"linear",
        function(){
            $("#button").show();
        })
});
$("#button").click(function(){
    $("#button").hide();
    $(".alt0").width(0);
                             });

JsFiddle デモ