SweetAlert는 사용자에게 예쁘고 그리고 친화적인 알림창을 제공하는 JavaScript 라이브러리입니다. 이 라이브러리는 간단하고 직관적인 API를 통해 알림창을 생성하고 다양한 옵션을 설정할 수 있습니다.

여기서는 SweetAlert를 사용하여 알림창에 표시되는 지연 시간을 설정하는 방법을 알아보겠습니다. SweetAlert는 timer 옵션을 통해 알림창이 자동으로 닫히는 시간을 지정할 수 있습니다. 이 옵션은 밀리초 단위로 지정되며, 0을 입력하면 자동 닫힘을 비활성화할 수 있습니다.

아래는 timer 옵션을 사용하여 알림창을 3초 후에 자동으로 닫히도록 설정하는 예제입니다.

Swal.fire({
  title: '알림',
  text: '3초 후에 자동으로 닫힙니다.',
  timer: 3000,
  timerProgressBar: true,
  showConfirmButton: false
});

위 코드에서 timer 값으로 3000을 설정하였으므로, 알림창은 3초 후에 자동으로 닫히게 됩니다. timerProgressBar 옵션은 알림창 위에 타이머 진행바를 표시할지 여부를 결정합니다. showConfirmButton 옵션은 확인 버튼을 표시할지 여부를 결정합니다.

SweetAlert를 사용하여 지연 시간을 설정하는 방법에 대해 알아보았습니다. 이를 통해 사용자에게 더 나은 사용자 경험을 제공할 수 있습니다.

더 자세한 SweetAlert 옵션에 대해서는 공식 문서를 참고하시기 바랍니다.

참고 자료

• SweetAlert 공식 문서