setInterval vs setTimeout em javascript

A programação é o termo amplo para qualquer tarefa planejada para um período futuro. No JavaScript, existem funções para executar em intervalos ou horários predeterminados chamados setTimeout () e setInterval () que podem ser usados ​​para planejar tarefas para um horário específico. Ambos os métodos permitem que você execute uma parte do código ou função JavaScript em um horário específico no futuro.

Este artigo explicará o setInterval e o setTimeout em JavaScript e suas diferenças comuns.

O que é SetInterval em JavaScript?

O "setInterval ()”Em JavaScript, executa uma expressão de JavaScript continuamente a cada“X" intervalo. Repete uma função específica em cada intervalo de tempo em particular.

Sintaxe

Siga a sintaxe abaixo para o método setInterval ():

janela.setInterval (função, tempo);

Dois parâmetros são aceitos por este método:

• função: O primeiro parâmetro é a função a ser executada.
• tempo: A duração entre cada execução, medida em milissegundos.

Exemplo

Aqui, definiremos o timer definindo o intervalo de tempo no evento de clique de um botão:

Clique aqui

Criar uma

elemento de tag e atribua um id “tempo”Onde será mostrado o tempo:

No arquivo JavaScript, escreva as linhas de código abaixo:

Timer de função ()
const data = new Date ();
documento.getElementById ("tempo").INNERHTML = Data.tolocaletimestring ();

No trecho de código acima:

• Primeiro, defina uma função chamada “cronômetro()”.
• Crie um novo objeto de data utilizando o construtor DAT ().
• Em seguida, acesse o elemento em que o tempo será mostrado usando seu ID com a ajuda do “getElementById ()”Método e defina a propriedade Innerhtml para definir a hora chamando a data de“tolocaletimestring ()”Método.

Na saída, você pode ver que o tempo é exibido após um intervalo de tempo específico no evento de clique:

O que é o Settimeout em JavaScript?

O "setTimeout”O método é usado para chamar a função após um determinado horário. Só funciona uma vez depois de um período específico de tempo.

Sintaxe

Siga a sintaxe fornecida para o método setInterval ():

janela.setInterval (função, tempo);

São necessários dois parâmetros:

• função: A função que precisa ser executada
• tempo: A duração da duração entre cada execução, medida em milissegundos.

Exemplo

Ligue para o método setTimeout () no evento de clique, passando a função e o tempo em milissegundos:

Clique aqui

Criar um elemento usando o

marcação:

Saída

setInterval vs setTimeout

A principal tarefa de “setTimeout”É chamar a função após uma quantidade especificada de tempo. Em contraste, "setInterval”É freqüentemente usado para desempenhar uma função após uma quantidade predeterminada de tempo. A principal diferença entre o setTimeout e o SetInterval é que o setTimeout é executado apenas uma vez após um horário específico. No entanto, a função setInterval pode ser usada repetidamente.

Conclusão

““setTimeout ()" e "setInterval ()”São os métodos predefinidos de JavaScript para agendar as tarefas. O "setInterval ()”Repita uma determinada função em todos os intervalos de tempo, enquanto“setTimeout”O método é usado para chamar a função uma vez após uma quantidade especificada de tempo. Este artigo explicou o setInterval e o setTimeout em JavaScript e suas diferenças comuns.