javascript - セレクターフォームによるアニメーションの速度の制御

Question

アニメーションの速度を選択できるようにしたい。私は次のコードを書きましたが、それが機能しなくなる原因を理解できません。$（ "＃speed"）。val（）;を削除した場合 値に置き換えると、正常に機能します。どんなアイデアでも大歓迎です！

<div class="lowerthird"> </div>

<button onclick="lowerthirdout();">Lower Third Out</button>

<select id="speed">
  <option value="1000">Fast</option>
  <option value="2000">Medium</option>
  <option value="5000">Slow</option>
  <option value="0">None</option>
</select>


function lowerthirdout(){

    var speed = $("#speed").val();

    $(".lowerthird").animate({ 
        left: "640px",
    }, speed );
}

Answer 1

問題は、640pxの後に余分なコンマがあることです。また、parseIntを使用して、数値を文字列ではなくintにする必要があります。

http://jsfiddle.net/wpDdN/1/

function lowerthirdout(){

    var speed = parseInt($("#speed").val(), 10);

    $(".lowerthird").animate({ 
        left: "640px"
    }, speed );
}

Answer 2

この http://jsfiddle.net/E6FHC/を見てください