타이머가 필요한 여러 상황이 있겠지만
배너를 예시로 들겠습니다.
마우스 포인트가 배너 영역에 들어가면 좌우 이미지 무브를 멈추고
마우스 포인트가 배너 영역 밖으로 나가면 타이머가 흐르는 상황을 예시로 하겠습니다
먼저, ImageViewer에 이벤트를 걸건데
onmouseenter이랑
onmouseleave에 이벤트를 설정합니다.
onmouseenter: ImageViewer 영역 내로 마우스 포인터가 들어왔을 때 발생하는 이벤트
onmouseleave: ImageViewer 영역 밖으로 마우스 포인터가 나갈 때 발생하는 이벤트
위 내용대로 타이머제어를 해보겠습니다.
이미지 내로 마우스 포인터가 들어올 때 타이머를 없앱니다.
this.이미지뷰어명_onmouseenter = function(~~)
{
this.killTimer(TimerId);
};
이미지 내로 마우스 포인터가 나가면 타이머를 재생성해줍니다
this.이미지뷰어명_onmouseleave = function(~~)
{
this.setTimer(timerId, 시간초);
};
setTimer(timerId, 시간초);
- timerId : 숫자로 지정
- 시간초: 1000 = 1초
killTimer(timerId);
- timerId: 멈출 타이머 아이디
(위 예시의 경우 timerId값은 동일)
'Web Programming > Nexacro17' 카테고리의 다른 글
| [Nexacro17] 넥사크로17 그리드 소수점 없애거나 자릿수 제한하기 (0) | 2023.10.27 |
|---|---|
| [Nexacro17] 넥사크로17 콤보박스에 콤보를 찾을 때 에디터 검색 가능하게 만들기 (0) | 2023.10.23 |
| [Nexacro17] 넥사크로 함수 만들기 / 함수 선언하기 (0) | 2023.04.10 |
| [Nexacro17] 넥사크로17 그리드 속성값 바꾸기 (setCellProperty) (0) | 2023.02.06 |
| [Nexacro17] 넥사크로17 데이터셋 행추가, 콤보박스 초기값 설정 (0) | 2023.01.20 |
