jQuery의 keydown 지속 시간별 애니메이션 속도 제어?

Question

P1. 확인이 http://jsfiddle.net/sKeNP/

나는 다음과 같은 특성을 가진 간단한 수평 슬라이더를 만들기 위해 노력하고 있습니다 : 그것은 한 번에 3 개 요소를 표시해야합니다

1. .
2. 키보드 탐색 기능이 있어야합니다. 밀면서 현재 세 개의 슬라이드에 대응
3. 도트는 좌우 키를 누르면 슬라이드 그것은 여러 슬라이드 이동한다 시간
4. 에서 3 시간에서 1로 이동하기보다는한다 BIG
5. 되어야 장기간.

나는이 모든 것을 성취 할 수 있었다.

왼쪽 또는 오른쪽 키를 오랫동안 누르면 슬라이딩 애니메이션이 부드럽고 빠를 수 없다는 점만 문제가 있습니다. 아무도 내가 장기간 keydown 애니메이션 속도를 동적으로 변경할 수 있습니다. 비슷하게, 애니메이션 속도는 여러 번 (5와 6이라고 말하기) 키 입력 이벤트 (왼쪽 및 오른쪽 키용)를 빠르게 연속해서 고정해야합니다.

Answer 1

간단히 말해서 keydown 메시지를받을 때마다 애니메이션 속도를 높이고 키 업을 얻을 때마다 애니메이션 속도를 간단히 높일 수 있습니다. 여기 내 수정 : http://jsfiddle.net/sKeNP/1/을 참조하십시오.

그러나 숫자와 스크롤바가 동기화되어 있지 않은 다른 잠재적 인 문제가 있습니다. 사용자가 화살표 키를 사용하여 스크롤 막대 끝까지 스크롤하면 애니메이션이 계속 발생합니다. 아마 이것은 그러나 디자인에 의한 것입니다.