JavaScript의 타이머에 대해 알아야 할 모든 것

이 기사는 예제를 사용하여 JavaScript에서 타이머를 구현하는 방법에 대한 상세하고 포괄적 인 지식을 제공합니다.

타이머는 모든 프로그래밍 언어의 중요한 측면입니다. 우리가 알고 있듯이 시간은 돈입니다. 따라서이 기사에서는 JavaScript에서 타이머를 구현하고 사용하는 방법을 살펴 보겠습니다.

JavaScript에서 타이머 작업

타이머는 특정 시간에 기능을 실행할 수있는 기능입니다.타이머를 사용하면 이벤트가 트리거되거나 페이지가로드되는 정확한 순간에 완료되지 않도록 코드 실행을 지연시킬 수 있습니다. 예를 들어 타이머를 사용하여 웹 사이트의 광고 배너를 정기적으로 변경하거나 실시간 시계 등을 표시 할 수 있습니다.





JavaScript에는 타이머 기능이 있습니다.setTimeout ()

다음 섹션에서는 코드를 지연시키는 타이머를 만드는 방법을 보여줍니다.JavaScript에서 theis 함수를 사용하여 하나 이상의 작업을 반복적으로 수행하는 방법.



창 setTimeout () 메서드

정의 및 사용법 :

setTimeout () 메서드는 지정된 시간 (밀리 초) 후에 함수를 호출하거나 표현식을 평가합니다.

팁:



  • 1000ms = 1 초.
  • 이 기능은 한 번만 실행됩니다. 반복 실행이 필요한 경우setInterval ()방법.
  • 사용clearTimeout ()함수가 실행되는 것을 방지하는 방법.

이 함수는 두 개의 매개 변수를받습니다. 함수 , 실행할 함수 및 선택 사항 지연 매개 변수는 함수를 실행하기 전에 대기하는 시간을 나타내는 밀리 초 수입니다 (1 초 = 1000 밀리 초).

informatica 예제의 조회 변환

반환 값 : 설정된 타이머의 ID 값을 나타내는 숫자를 반환합니다.

코드 : JavaScript의 타이머

다음은 타이머를 2 분으로 설정하고 페이지 알림 시간이 '시간 초과'되는시기를 설정하는 JavaScript의 타이머 코드입니다. 그만큼setTimeout ()메서드는 함수를 호출하거나 지정된 시간 (밀리 초) 후에 식을 평가합니다.

// 분 설정

var mins = 2

// 초 계산

var secs = mins * 60

// 페이지가로드 될 때 카운트 다운 기능이 호출됩니다.

function countdown () {

setTimeout ( 'Decrement ()', 60)

}

// 감소 함수는 값을 감소시킵니다.

function Decrement () {

if (document.getElementById) {

분 = document.getElementById ( 'minutes')

초 = document.getElementById ( 'seconds')

// 1 분 미만 남은 경우

// 초 값만 표시합니다.

if (초<59) {

seconds.value = 초

}

// 분과 초 모두 표시

// getminutes 및 getseconds는

// 분과 초 가져 오기

else {

minutes.value = getminutes ()

초. 값 = getseconds ()

}

// 1 분 미만 남았을 때

// 분과 초의 색상

// 빨간색으로 변경

만약 (분<1) {

minutes.style.color = '빨간색'

seconds.style.color = '빨간색'

}

// 초가 0이되면

// 그런 다음 페이지 알림 시간이

만약 (분<0) {

alert ( '타임업')

minutes.value = 0

초. 값 = 0

}

// 초> 0이면 초가 감소합니다.

else {

마른--

setTimeout ( 'Decrement ()', 1000)

}

}

}

function getminutes () {

// 분은 초를 60으로 나눈 값입니다.

분 = Math.floor (초 / 60)

반환 분

}

function getseconds () {

// 남은 시간 (초)

// 남은 총 초부터

반환 초-Math.round (분 * 60)

}

남은 시간 ::

:

timers-in-javascript

남은 시간이 1 분 미만이면 타이머 색상이 빨간색으로 바뀝니다.

이것으로, 우리는 자바 스크립트의 타이머 기사를 마칩니다. 씨 도대체 전 세계에 250,000 명 이상의 만족 한 학습자 네트워크를 보유한 신뢰할 수있는 온라인 학습 회사 인 Edureka에서

질문이 있으십니까? AngularJs의이 종속성 주입의 주석 섹션에서 언급 해 주시면 다시 연락 드리겠습니다.