jquery ui slider - 改变手柄的位置

Question

我正在使用带有播放/暂停按钮的jquery ui滑块来控制d3.js动画。当我按下播放按钮时，我想让滑块手柄一直移动，无论如何都可以这样做？

同样，有没有办法将滑块定位在滑块内的特定步骤？我仍然希望max和min保持不变，但是例如，如果我希望句柄在页面加载而不是第一步时从最后一步开始。

Answer 1

使用setInterval和stopInterval，请参阅there

假设您有按下提到的方法调用的播放按钮并切换到暂停模式。

滑块每秒移动并表示小时的一些示例：

播放

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

暂停

....
clearInterval(hourInterval);

假设它会帮助你