자바 스크립트 설정 시간 초과

| | | | | |

setTimeout() 및 setInterval()은 자바스크립트 동기화 이벤트입니다. JavaScript setTimeout() 메서드는 밀리초 후에 함수를 실행합니다. 자바스크립트 setInterval()은 일정 시간(밀리초)이 경과한 후 연속 함수를 실행합니다.

자바스크립트는 한 줄씩 실행됩니다. 한 줄이 실행되자마자 다음 줄이 시작됩니다. 대부분의 사이트에서 이 구조는 의미가 있습니다. 코드는 순서대로 실행되어야 합니다. 작업 사이에 일시 중지를 도입하려면 어떻게 해야 합니까?

여기에서 setTimeout 및 setInterval 메서드가 유용합니다. setTimeout은 설정된 시간 초과 후에 함수를 호출합니다. setInterval은 지정된 지연 시간으로 계속 함수를 호출합니다.

이 가이드에서는 setTimeoutsetInterval<에 대해 설명합니다. /em> 있습니다. 이러한 방법을 사용할 수 있도록 몇 가지 예를 참조하여 작동 방식을 보여줍니다. 시작합시다!

자바스크립트 setTimeout이란 무엇입니까?

자바스크립트 setTimeout()은 일정 시간(밀리초)이 지나면 메서드를 호출합니다. 메서드는 한 번만 호출됩니다. setTimeout() 메서드를 사용하면 코드에 지연을 도입할 수 있습니다.

이 메서드의 구문을 살펴보겠습니다.

setTimeout이 허용하는 두 개의 매개변수는 다음과 같습니다.

  • function :. 일정 시간 경과 후 실행하려는 함수
  • 시간 : 프로그램이 함수를 실행하기 전에 기다려야 하는 시간입니다.

자바스크립트 타이머 시작 setTimeout

"Python.Engineering!"을 출력하는 타이머를 만들어 봅시다. 화살표 기능 을 통해 콘솔에 연결:

이 타이머에는 두 개의 인수가 있습니다. 첫 번째 인수는 위젯에서 실행하려는 JavaScript 함수입니다. 두 번째 인수는 함수 내부의 코드가 실행되기 전에 보내고자 하는 시간(밀리초)입니다.

2초를 기다린 후 코드는 "Python.Engineering!"을 인쇄합니다. JavaScript 콘솔에서.

호출하려는 함수는 setTimeout 함수 내에 정의되어서는 안 됩니다. 읽기 쉽게 코드를 인수분해할 수 있습니다.

이전에는 인수였던 함수가 이제 라는 printCareerKarma. setTimeout 메서드에서 이 함수를 참조합니다. 이 코드는 원래 예제보다 읽기 쉽습니다.

어떻게 setTimeout 타이머 취소

clearTimeout() 메소드에서 타이머를 취소할 수 있습니다. 이렇게 하면 타이머 실행이 중지되고 타이머 내부의 코드가 실행되지 않습니다. 다음 코드를 고려하십시오.

이 코드는 콘솔에 인쇄되지 않습니다. 이는 SetTimer 타이머 태그가 작동하기 전에 clearTimeout을 사용하여 타이머를 지우기 때문입니다.

무엇입니까? Is JavaScript setInterval

JavaScript setInterval() 메서드는 함수를 반복적으로 호출합니다. 지정된 지연은 각

SETIN 함수 호출 사이에 정의됩니다. Terval()은 setTimeout()과 유사한 구문을 사용합니다.

setInterval:

  • function:을 사용하려면 두 개의 매개변수를 지정해야 합니다. 실행할 함수
  • time: 지정한 함수의 각 호출 사이의 시간

자바스크립트 스크립트 타이머 시작 setInterval

setTimeout은 기능을 한 번만 수행하지만 setInterval은 계속해서 기능을 다시 수행합니다. setTimeout 메소드와 동일한 구문을 사용합니다.

콘솔의 커피 테이블:

이 코드는 iterateOverArray 함수를 반복적으로 실행합니다. 이 함수의 각 호출 사이에는 1초(1000밀리초) 지연이 있습니다.

이 코드의 문제는 목록의 각 항목을 반복한 후에도 계속 작동한다는 것입니다. 목록의 모든 항목이 콘솔에 인쇄되면 "정의되지 않은" setInterval 함수가 계속 작동합니다.

값이 무기한으로 인쇄됩니다. 멈출 때까지 반복되기 때문입니다. 우리는 이 문제를 해결합니다.

setInterval 타이머를 취소하는 방법

clearInterval 메서드는 setInterval 메서드의 실행을 중지하고 .

모든 메뉴 커피가 콘솔에 인쇄되면 타이머를 취소합니다. 먼저 커피 목록에 항목이 몇 개 있는지 계산해 보겠습니다. 이렇게 하면 타이머를 취소해야 하는 시기를 식별할 수 있습니다.

다음으로, 마지막에 함수를 추가합니다. 이 함수는 모든 커피가 콘솔에 인쇄된 후 setInterval 메서드를 중지합니다.

다음으로 코드 끝에 함수를 추가합니다. 이 함수는 모든 커피가 콘솔에 인쇄된 후 setInterval 메서드를 중지합니다.

setInterval() 메서드를 printCoffee라는 변수에 할당했습니다. 그래서 우리는 printCoffee의 시간 간격을 취소하는 setTimeout() 메소드를 선언했습니다. 이 방법은 목록에 있는 각 커피가 반복된 후에 수행됩니다.

인쇄할 커피 수를 곱하여 setTimeout() 메서드가 몇 초 동안 기다려야 하는지 계산해 보겠습니다. 4가지 커피가 목록에 저장됩니다. Oven에 1000을 곱한 값은 4000으로 4초입니다.

배열의 마지막 요소가 콘솔에 인쇄된 후 타이머가 중지되도록 숫자 1001을 선택했습니다. 숫자 4000을 선택하면 "cafe"의 마지막 항목을 인쇄하기 전에 printCoffee 메서드가 중지됩니다. 콘솔의 테이블

코드를 실행해 보겠습니다.

목록의 모든 항목이 콘솔에 인쇄된 후 코드가 중지됩니다. 무기한 계속 작동하지 않습니다. 실제로 clearInterval() 메서드를 사용하여 setInterval() 메서드

setInterval:를 중지했습니다. 시각적 예

HTML을 사용하여 setInterval 함수가 작동하는 방식을 보여드리겠습니다. 우리는 우리의 커피 목록을 보여주는 간단한 웹사이트를 만들 것입니다. 이 커피는 사이트에 하나씩 추가됩니다. index.html이라는 파일에서 프로젝트에 대한 간단한 프런트 엔드를 만드는 것으로 시작하겠습니다.

인터페이스는 다음과 같습니다.

6okXMdjRqVaKAyir5bEYOj8C94vmv NLTTYy4tw3 JLK O2H3r QXrM Blze886bBFFOzVth2mVnmq9E9IKo AmRYMoPdoGhToy4K0rFANOFnqAHmeyn74JellbuBam1m910vvtc

까지 현재까지 많이 없기 커피를 표시하려면 자바스크립트를 작성해야 하기 때문입니다.

현재 웹페이지에 있습니다.

목록 선택 시 자바스크립트를 시작합니다. scripts.js의 호출 파일 스트립을 엽니다. 이 코드를 붙여넣으세요 : ..

이 코드는 더 알 수 있음 목록에서 항목을 선택합니다. JavaScript getElementById 자습서에서 getElementById에 대해 설명합니다. 따라서 처음부터 코드를 약간 수정하여 웹 페이지에 카페를 표시하는 데 사용할 것입니다.

iterateOverArray 함수에 새로운 코드를 추가했습니다. 먼저 createElement()를 사용하여 새 li 요소를 생성했습니다. 그런 다음 이 li 요소의 콘텐츠를 목록에 있는 카페 이름과 동일하게 설정합니다.

코드는 li 요소를 추가합니다. ul을(를) 목록에 추가합니다. 이 프로세스는 마지막 예에서와 같이 커피 목록의 모든 항목이 웹 페이지에 추가될 때까지 반복됩니다.

코드를 실행하고 어떤 일이 일어나는지 봅시다. <그림 클래스 = "WP-이미지 블록"> BKdNM1booSj51VOG3Edr4fT1Z53SrHX6tT7RcsPA7tSJ5bGi1IPvOqHEDNNThuDhexK3vOSZ9 : 사초, 우리의 반환 코드 후 JdXWlcfQ0WXyaX2y4lCBr957jjAEkenvoWF27UEWPNpgpExDnX6PwV0wvAO 5U

웹 페이지에 추가되는 각 요소 사이에는 두 번째 간격이 있습니다.

결론(및 도전)

시간 초과 설정

setInterval은 JavaScript 동기화 이벤트입니다. setTimeout 메소드는 지연 후에 함수를 실행합니다. setInterval은 각 호출 사이에 지연을 두고 하나의 함수를 반복적으로 호출합니다.

이러한 방법으로 기술을 향상시키고 싶으십니까? 기억력 게임을 위해 HTML과 자바스크립트를 사용하여 시각적 인터페이스를 만들어 보세요.

게임은 사용자가 기억할 수 있도록 5개의 단어로 구성되어 있어야 합니다. 단어가 표시된 후 사용자는 기억나는 단어를 물어봐야 합니다. JavaScript를 배우는 데 더 많은 도움이 필요하면 최고의 JavaScript 가이드를 읽어보세요. 초보자를 위한 튜토리얼 .

자바 스크립트 설정 시간 초과 __del__: Questions

자바 스크립트 설정 시간 초과 JavaScript: Questions

Shop

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Best laptop for Zoom

$499

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method