jquery ui slider — изменение положения ручки

Я использую ползунок пользовательского интерфейса jquery с кнопкой воспроизведения/паузы для управления анимацией d3.js. Когда я нажимаю кнопку воспроизведения, я хочу, чтобы ручка ползунка двигалась, как это сделать?

Аналогичным образом, есть ли способ расположить ползунок на определенном шаге внутри ползунка? Я по-прежнему хочу, чтобы максимум и минимум оставались прежними, но, например, если я хочу, чтобы дескриптор начинался с последнего шага при загрузке страницы, а не с первого.


person user1783490    schedule 30.11.2012    source источник


Ответы (1)


Используйте setInterval и stopInterval см. здесь

Допустим, у вас есть кнопка воспроизведения, которая должна вызываться указанным методом и переключаться в режим паузы.

Некоторый пример, когда ползунок перемещается каждую секунду и представляет часы:

играть

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

пауза

....
clearInterval(hourInterval);

Предположим, это поможет вам

person Maxim Shoustin    schedule 30.11.2012