jquery - jQueryで秒を生の値として使用してデュレーションスライダーを作成するにはどうすればよいですか?

Question

テキストフィールドである入力があるとしましょう。

3600 と入力すると、値は 60 分になります。秒に基づいて期間の値を追跡しています。

1 分未満の場合は秒を示すスライダーを動的に表示するにはどうすればよいでしょうか。すぐ。時間/分/秒に限定されます。

このスライダーは、入力の実際の値としての秒の単なる UI ラッパーです。

Answer 1

テキストフィールドに値が入力されるたびに増分を表示するスライダーを作成し、その逆も同様であり、「slidechange」ハンドラをコーディングして変換を行い、それを表示します。

// Create a slider with unit increments (for seconds)
$( "#slider" ).slider({
    min:0,
    max:18000, // Max 5 hours for this example
    step:1
});

これがまさにあなたが探していたものかどうかはわかりませんが、ニーズに合わせて変更できるようにコードを単純にしようとしました.

ここで完全な動作例を見ることができますjsFiddle リンク