jquery - jquery ui スライダー - ハンドルの位置を変更する

Question

再生/一時停止ボタン付きのjquery uiスライダーを使用して、d3.jsアニメーションを制御しています。再生ボタンを押したときにスライダーハンドルを動かしたいのですが、どうすればいいですか？

同様に、スライダー内の特定のステップにスライダーを配置する方法はありますか? 最大値と最小値を同じままにしたいのですが、たとえば、最初のページではなく、ページが読み込まれたときに最後のステップでハンドルを開始したい場合などです。

Answer 1

使うsetInterval・stopInterval見る_

上記のメソッドで呼び出して一時停止モードに切り替える必要がある再生ボタンがあるとします。

スライダーが毎秒移動し、時間を表す例:

遊ぶ

var hoursInterval = setInterval(function(){
        var timeOfDay = (localStorage['hour']==23)?0:parseInt(localStorage['hour'])+1;
        $("#playHour").slider("value",timeOfDay);
    },1000);

一時停止

....
clearInterval(hourInterval);

それがあなたを助けるとしましょう