setTimeout()

O método setTimeout() é uma função em JavaScript que permite executar uma função ou um pedaço de código após um período específico de tempo (em milissegundos). Ele é muito útil quando você deseja introduzir um atraso antes da execução de uma ação.

Exemplo

1. Simples

function sayHello() {
	console.log("Hello, World!");
}

// Executa a função sayHello após 3 segundos (3000 milissegundos)
setTimeout(sayHello, 3000);

1. Função Anônima

setTimeout(() => {
	console.log("This message is displayed after 2 seconds");
}, 2000)

Cancelando um setTimeout()

Você pode cancelar a execução de um setTimeout() usando clearTimeout(). Para isso, você precisa armazenar o identificador retornado por setTimeout() em uma variável.

const timeoutId = setTimeout(() => {
	console.log("This message will not be displayed");
}, 5000);

// Cancela o setTimeout antes que ele seja executado
clearTimeout(timeoutId);

setInterval()

O método setInterval() é uma função em JavaScript que permite executar uma função ou um pedaço de código repetidamente, com um intervalo de tempo fixo (em milissegundos), entre cada execução. Ele é útil quando você deseja realizar uma ação periódica, como atualizar dados de uma interface, criar animações, ou verificar o status de um processo.

Exemplo

1. Simples

function sayHello() {
	console.log("Hello, World!");
}

// Executa a função sayHello a cada 2 segundos (2000 milissegundos)
setInterval(sayHello, 2000);

1. Função Anônima

let value = 10;

setInterval(() => {
	console.log(value);
	value--
}, 1000)

Cancelando um setInterval()

let value = 10;

const interval = setInterval(() => {
	console.log(value);
	value--;
	
	if(value === 0) {
		console.log("FELIZ ANO NOVO!!!");
		
		// Interrompe o intervalo de execuções
		clearInterval(interval)
	}
}, 1000)