[javascript] Svelte에서 타이머(timer) 기능을 사용하는 방법은 어떻게 되나요?

먼저, 타이머를 사용하기 위해 Svelte의 스크립트 부분에 코드를 작성해야 합니다. 아래는 타이머를 사용하여 1초마다 메시지를 출력하는 예제입니다.

<script>
  import { onMount } from 'svelte';

  let message = '';

  onMount(() => {
    const interval = setInterval(() => {
      message = '타이머가 작동 중입니다';
    }, 1000);

    return () => {
      clearInterval(interval);
    };
  });
</script>

<h1>{message}</h1>

위 코드에서는 onMount 함수를 사용하여 컴포넌트가 마운트될 때 타이머를 시작하고, 컴포넌트가 언마운트될 때 타이머를 멈춥니다. setInterval 함수를 사용하여 1초마다 message 변수에 메시지를 할당합니다. 타이머를 멈추기 위해 clearInterval 함수를 사용합니다.

이제 Svelte에서 타이머를 사용하는 방법을 알게 되었습니다. 타이머를 사용하여 간단한 기능을 구현할 수 있습니다. Svelte의 다른 기능과 함께 활용하면 보다 복잡한 애플리케이션을 구축할 수 있습니다.