Como posso usar o setInterval e o ClearInterval?

““setInterval" e "ClearInterval”São métodos de JavaScript embutidos. O "setInterval ()" permite a execução de uma função repetidamente em um intervalo especificado. Enquanto o método "clearInterval ()" interrompe a execução de uma função que foi iniciada anteriormente usando o setInterval.

Este artigo explicará o uso dos métodos setInterval e ClearInterval em JavaScript.

Como usar o setInterval e o ClearInterval?

Para usar o “setInterval" e "ClearInterval”Métodos, siga o exemplo dado.

Exemplo
No exemplo dado, criaremos um contador que pare no botão clique chamando o "ClearInterval”Método para interromper a função do“setInterval”Método.

Crie um elemento em que a contagem será mostrada e um botão “Parar”Para parar o incremento do contador:

>
Parar

Invoque o método "setInterval", passando uma função "contador" e tempo "1000”Em milissegundos. Em seguida, armazene o valor resultante do método "setInterval" em uma variável "MyInterval”:

const myInterval = setInterval (contador, 1000);

Cena de conjunto para 1:

deixe count = 1;

Defina uma função “contador()"Isso vai chamar o"setInterval ()”Método. Obtenha a referência do elemento e exiba a contagem incrementando -a:

função contador ()
documento.QuerySelector ('Span').inerText = count;
contagem ++;

Defina outra função que acionará o botão Clique para parar o balcão chamando o “ClearInterval ()”Método:

função stopCounter ()
ClearInterval (MyInterval);

Saída

A saída acima indica que o contador parará clicando no botão onde o método clearInterval () é chamado, que interrompe o contador incremento no método setInterval ().

Conclusão

““setInterval" e "ClearInterval”São métodos JavaScript predefinidos que permitem executar uma função repetidamente com um intervalo de tempo especificado e interrompe a execução, respectivamente. Esta redação explicou o uso dos métodos setInterval e ClearInterval em JavaScript com um exemplo específico. Onde o contador é interrompido chamando o método clearInterval ().