Introdução ao conjunto JavaScript setTimeout()

• O setTimeout() é um método do objeto da janela.
• O setTimeout() define um temporizador e executa uma função de retorno de chamada após o temporizador expirar.

setTimeout

Sintaxe

	let timeOut  = setTimeout(func [,delay], arg1, arg2,...);
	

			
	
			

		
	

• func é um callback function a ser executado após o temporizador expirar.
• delay é o tempo em milissegundos que o temporizador deve esperar antes de executar a função de retorno de chamada. Se você omiti-lo, o delay padrão para .
• arg1, arg2... são argumentos passados para o func callback function

JavaScript setTimeout() exemplo

	<button onclick="showAlert();">Mostrar</button>
<button onclick="cancelAlert();">Cancelar</button>
	

			
	
			

		
	

	var timeOut;

function showAlert() {
    timeOut = setTimeout(alert, 3000, 'setTimeout!');
}

function clearAlert() {
    clearTimeout(timeOut);
}
	

			
	
			

		
	

Como javaScript setTimeout() funciona

Quando você chama o setTimeout(), o mecanismo JavaScript cria um novo contexto de execução de função e o coloca na pilha de chamadas.

• O setTimeout() executa e cria um temporizador no componente APIs da Web do navegador web.
• Quando o temporizador expira, a função de retorno de chamada que foi passada no setTimeout() é colocada na fila de retorno de chamada.

JavaScript timeout

• O loop de eventos monitora tanto a pilha de chamadas quanto a fila de retorno de chamada.
• Ele remove a função de retorno de chamada da fila de retorno de chamada e coloca-a para chamar stack quando a pilha de chamadas está vazia.

	function task() {
    console.log('setTimeout!')
}

setTimeout(task, 3000);
	

			
	
			

		
	

• setTimeout() é um método do objeto da janela.
• setTimeout() define um temporizador e executa uma função de retorno de chamada quando o temporizador expira.