CountdownTimer¶

목적¶

CountdownTimer는 시간을 카운트하거나
일정 시간 후 특정 이벤트를 자동으로 실행할 때 사용하는 UI 컴포넌트이다.

주요 단계¶

1. CountdownTimer UI 생성¶

1.1 원하는 Aggregation을 선택하여 CountdownTimer 생성¶

<사진 1> CountdownTimer UI 설정 화면

<사진 2> CountdownTimer UI 속성 설정 화면

1.2 CountdownTimer 주요 속성¶

Name	Description
fontColor	CountdownTimer 글자 색상 변경
fontSize	CountdownTimer 숫자 크기 조절
hourCount	시간(hour) 설정
minCount	분(minute) 설정
secCount	초(second) 설정
visible	CountdownTimer 표시 여부 설정
countdownComplete (Events)	카운트 종료 후 실행될 이벤트

2. CountdownTimer 이벤트 생성¶

CountdownTimer가 카운트 완료 후 실행할 이벤트를 생성한다.

2.1 ABAP 코드 예제 - EV_COUNT_DOWN 이벤트¶

METHOD EV_COUNT_DOWN.

  " 메시지 출력
  CALL METHOD /U4A/CL_UTILITIES=>M_MESSAGETOAST
    EXPORTING
      IO_VIEW = ME->/U4A/IF_SERVER~AR_VIEW   " [U4A] UI Element Super Class
      I_MSGTX = 'CountDown Complete!!'.      " MESSAGE TEXT

ENDMETHOD.

3. Web에서 이벤트 실행 확인¶

CountdownTimer가 카운트 종료 후 자동으로 이벤트를 실행한다.

<사진 3> CountdownTimer 카운트 종료 시 메시지 호출 화면

추가 정보¶

시간 설정 후 시스템 로딩 시간이 발생할 수 있음
UI Object에서 표시되는 시간과 실제 실행 시간 간에 약 2초 정도 차이가 발생할 수 있음