일정 시간이 지난 후 앱이 응답하는 방식을 결정할 수 있는 컨트롤입니다.
Description
예를 들어 타이머는 특정 시간이 경과한 후 컨트롤이 표시되는 기간을 결정하거나 컨트롤의 다른 속성을 변경할 수 있습니다.
비고
Power Apps Studio에서 타이머는 미리 보기 모드에서만 실행됩니다.
키 속성
기간 – 타이머가 실행되는 시간(밀리초)입니다. 최대값은 밀리초 단위로 표현된 24시간입니다. 기본값은 60초입니다.
OnTimerEnd – 타이머 실행이 완료되면 수행할 작업입니다.
반복 – 타이머가 실행을 완료할 때 자동으로 다시 시작되는지 여부입니다.
추가 속성
맞춤 – 컨트롤의 가로 가운데를 기준으로 텍스트의 위치입니다.
자동 일시 중지 – 사용자가 다른 화면으로 이동하는 경우 타이머 컨트롤이 자동으로 일시 중지되는지 여부입니다.
자동 시작 – 사용자가 해당 컨트롤이 포함된 화면으로 이동할 때 타이머 컨트롤이 자동으로 재생되도록 시작할지 여부입니다.
BorderColor – 컨트롤 테두리의 색입니다.
BorderStyle – 컨트롤의 테두리가 Solid, Dashed, Dotted 또는 None인지 여부입니다.
BorderThickness – 컨트롤 테두리의 두께입니다.
색 – 컨트롤의 텍스트 색입니다.
DisplayMode – 컨트롤에서 사용자 입력(편집)을 허용하는지 여부, 데이터만 표시(보기) 또는 사용 안 함(사용 안 함)입니다.
DisabledBorderColor – 컨트롤의 DisplayMode 속성이 Disabled로 설정된 경우 컨트롤의 테두리 색입니다.
DisabledColor – DisplayMode 속성이 Disabled로 설정된 경우 컨트롤의 텍스트 색입니다.
DisabledFill – DisplayMode 속성이 Disabled 로 설정된 경우 컨트롤의 배경색입니다.
Fill – 컨트롤의 배경색입니다.
FocusedBorderColor – 컨트롤에 포커스가 있을 때 컨트롤의 테두리 색입니다.
FocusedBorderThickness – 컨트롤에 포커스가 있을 때 컨트롤의 테두리 두께입니다.
글꼴 – 텍스트가 표시되는 글꼴 패밀리의 이름입니다.
FontWeight – 컨트롤에 있는 텍스트의 가중치: 굵게, 세미볼드, 노멀 또는 라이터.
높이 – 컨트롤의 위쪽 가장자리와 아래쪽 가장자리 사이의 거리입니다.
HoverBorderColor – 사용자가 해당 컨트롤에 마우스 포인터를 유지할 때 컨트롤의 테두리 색입니다.
HoverColor – 사용자가 마우스 포인터를 유지할 때 컨트롤의 텍스트 색입니다.
HoverFill – 사용자가 마우스 포인터를 유지할 때 컨트롤의 배경색입니다.
기울임꼴 – 컨트롤의 텍스트가 기울임꼴인지 여부입니다.
OnSelect – 사용자가 컨트롤을 탭하거나 클릭할 때 수행할 작업입니다.
OnTimerStart – 타이머가 실행하기 시작할 때 수행할 작업입니다.
PressedBorderColor – 사용자가 해당 컨트롤을 탭하거나 클릭할 때 컨트롤의 테두리 색입니다.
PressedColor – 사용자가 해당 컨트롤을 탭하거나 클릭할 때 컨트롤의 텍스트 색입니다.
PressedFill – 사용자가 해당 컨트롤을 탭하거나 클릭할 때 컨트롤의 배경색입니다.
다시 설정 – 컨트롤이 기본값으로 되돌아갈지 여부입니다.
크기 – 컨트롤에 표시되는 텍스트의 글꼴 크기입니다.
시작 – 타이머가 시작되는지 여부입니다.
취소선 – 컨트롤에 나타나는 텍스트를 통해 선이 표시되는지 여부입니다.
TabIndex – 다른 컨트롤과 관련된 키보드 탐색 순서입니다.
텍스트 – 컨트롤에 표시되거나 사용자가 컨트롤에 입력하는 텍스트입니다.
도구 설명 – 사용자가 컨트롤을 마우스로 가리킬 때 표시되는 설명 텍스트입니다.
밑줄 – 컨트롤에 표시되는 텍스트 아래에 줄이 표시되는지 여부입니다.
표시 – 컨트롤이 표시되는지 숨겨지는지 여부입니다.
너비 – 컨트롤의 왼쪽 가장자리와 오른쪽 가장자리 사이의 거리입니다.
X – 컨트롤의 왼쪽 가장자리와 해당 부모 컨테이너(부모 컨테이너가 없는 경우는 화면)의 왼쪽 가장자리 사이의 거리입니다.
Y – 컨트롤의 상단 가장자리와 해당 부모 컨테이너(부모 컨테이너가 없는 경우는 화면)의 상단 가장자리 사이의 거리입니다.
관련 함수
예시
카운트다운 표시
타이머를 추가하고 이름을 Countdown으로 지정합니다.
컨트롤을 추가, 이름을 지정하고, 구성하는 방법을 모르시나요?
타이머의 Duration 속성을 10000 으로 설정하고 반복 및 자동 시작 속성을 true로 설정합니다.
(선택 사항) Height 속성을 160, Width 속성을 600으로, Size 속성을 60으로 설정하여 타이머를 더 쉽게 읽을 수 있도록 합니다.
레이블을 추가하고 Text 속성을 다음 수식으로 설정합니다.
"남은 시간(초): " & RoundUp(10-Countdown.Value/1000, 0)RoundUp 함수 또는 기타 함수에 대한 자세한 정보를 원하십니까?
레이블은 타이머가 다시 시작되기 전에 남은 시간(초)을 보여 줍니다.
컨트롤에 애니메이션 효과 적용
타이머를 추가하고 이름을 FadeIn으로 지정합니다.
컨트롤을 추가, 이름을 지정하고, 구성하는 방법을 모르시나요?
타이머의 Duration 속성을 5000으로 설정하고 Repeat 속성을 true로 설정하고 Text 속성을 토글 애니메이션으로 설정합니다.
(선택 사항) Height 속성을 160, Width 속성을 600으로, Size 속성을 60으로 설정하여 타이머를 더 쉽게 읽을 수 있도록 합니다.
레이블을 추가하고 Text 속성을 설정 하여 Welcome! 을 표시하고 Color 속성을 다음 수식으로 설정합니다.
ColorFade(Color.BlueViolet, FadeIn.Value/5000)애니메이션을 시작하거나 중지하려면 타이머 단추를 선택합니다. 레이블의 텍스트가 흰색으로 페이드되고 전체 강도로 돌아와 프로세스를 반복합니다.
내게 필요한 옵션 지침
사용자가 상호 작용할 수 있는 경우 단추 컨트롤에 대한 동일한 지침 이 타이머 컨트롤에 적용됩니다.
백그라운드 타이머
백그라운드 타이머는 자동으로 실행되고 숨겨집니다. 경과된 시간이 사용자에게 거의 관심이 없는 지원 역할에 사용합니다. 예를 들어 1분마다 데이터를 새로 고치거나 일정 시간 동안만 알림 메시지를 표시할 수 있습니다.
백그라운드 타이머는 모든 사용자로부터 숨겨지도록 Visible 속성을 false로 설정해야 합니다.
타이밍 고려 사항
타이머가 자동으로 실행되는 경우 사용자가 콘텐츠를 읽고 사용할 충분한 시간이 있는지 여부를 고려합니다. 키보드 및 화면 읽기 프로그램 사용자는 시간이 초과된 이벤트에 대응하는 데 더 많은 시간이 필요할 수 있습니다.
다음 전략으로 충분합니다.
- 사용자가 시간 제한 이벤트를 취소할 수 있도록 허용합니다.
- 사용자가 시작하기 전에 시간 제한을 조정할 수 있도록 허용합니다.
- 시간 제한이 만료되기 20초 전에 경고하고 제한을 쉽게 확장할 수 있는 방법을 제공합니다.
일부 시나리오는 이러한 요구 사항에서 제외됩니다. 시간 제한에 대한 WCAG 2.0 지침에서 자세히 알아보세요.