Vue 타이머 사용 방법

vue.js는 setInterval () 및 clearinterval () 메소드를 제공하여 타이머를 생성하고 지우십시오. 타이머를 만들려면 콜백 함수와 간격 시간을 트리거하고 타이머 ID를 반환해야합니다. 타이머를 지우려면 해당 타이머 ID를 전달해야합니다.

vue 타이머 사용

vue.js는 setInterval() 및 clearInterval() 메소드를 제공하여 타이머를 생성하고 지우십시오.

타이머를 만듭니다

타이머를 만들려면 setInterval() 메소드를 사용하십시오.

 <code class="javascript">const timerId = setInterval(() => { // 每隔指定毫秒执行此函数}, milliseconds);</code>

setInterval() 메소드는 두 가지 매개 변수를 수락합니다.

• 콜백 함수 : 타이머가 트리거 될 때 실행될 함수.
• 밀리 초 : 타이머 트리거의 간격 시간 (밀리 초).

setInterval() 타이머 ID ( timerId )를 반환하여 타이머를 식별합니다.

타이머를 지우십시오

타이머를 지우려면 clearInterval() 메소드를 사용하십시오.

 <code class="javascript">clearInterval(timerId);</code>

clearInterval() 메소드는 타이머 ID를 매개 변수로 받아들이고 타이머를 중지합니다.

예

다음은 setInterval() 및 clearInterval() 사용하는 방법의 예입니다.

 <code class="javascript">// 创建一个每秒触发一次的计时器const timerId = setInterval(() => { console.log('计时器触发'); }, 1000); // 5 秒后清除计时器setTimeout(() => { clearInterval(timerId); }, 5000);</code>

이 코드는 매 초마다 "타이머 트리거"메시지를 인쇄하고 5 초 후에 타이머를 지 웁니다.

위 내용은 Vue 타이머 사용 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!