JavaScript setTimeout 및 setInterval 사용 방법 설명_javascript 팁

차이점은 setInterval이 지정된 기간마다 반복적으로 코드를 실행한다는 것입니다. 그리고 setTimeout은 호출된 후 한 번만 실행됩니다.
함수 설정과 함수 자동 삭제를 통해 두 함수에 대한 깊은 이해는
1. 함수 설정
setTimeOut 설정; :

코드 복사 코드는 다음과 같습니다.

showTime()
function; showTime()
{
var today = new Date();
alert("시간: " today.toString())
setTimeout("showTime()", 5000);
}

showtime 함수는 함수 호출 후 5초만 실행됩니다.
setInterval 설정

코드 복사 코드는 다음과 같습니다.

setInterval("showTime()", 5000)
function showTime()
{
var today = new Date();
alert("시간: " today.toString())
}

요약: 두 함수의 결과가 비슷한 것 같습니다. , 그러나 실제로 그렇지 않으면 두 번째 함수는 웹 페이지가 닫힐 때까지의 시간을 반복적으로 보고합니다.
두 가지 함수 제거:
setTimeout 제거에는
clearTimeout() 함수 호출 예제가 사용됩니다.

코드 복사 코드는 다음과 같습니다.

var timeoutProcess = setTimeout("alert('GOAL!')", 3000)
var stopGoalLink = document.getElementById("stopGoalLink" );
attachEventListener(stopGoalLink, "click", stopGoal, false);//이벤트 함수를 추가합니다. 매개변수는 (target; event; 함수 호출; 버블링 여부)
function stopGoal()
{
clearTimeout(timeoutProcess)
}

setInterval 제거

코드 복사 코드는 다음과 같습니다.

var timeoutProcess = setTimeout("alert('GOAL!')", 3000)
var stopGoalLink = document.getElementById("stopGoalLink"); 🎜>attachEventListener(stopGoalLink, " click", stopGoal, false);//이벤트 함수 추가, 매개변수는 (target; event; 함수 호출; 버블링 여부)
function stopGoal()
{
clearInterval(timeoutProcess)
}