jquery UI 슬라이더 - 핸들 위치 변경

Question

d3.js 애니메이션을 제어하기 위해 재생/일시 정지 버튼이있는 jquery UI 슬라이더를 사용하고 있습니다. 재생 버튼을 누르면, 슬라이더 핸들을 따라 움직일 수 있습니다.

마찬가지로 슬라이더의 특정 단계에서 슬라이더를 배치 할 수있는 방법이 있습니까? 나는 여전히 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); 

이 가정 일시 정지 그것은 당신에게

도움이 될 것입니다