JavaScript | ClearTimeout & ClearInterval Método

O JavaScript oferece vários métodos para atender aos requisitos dos programadores, executando o bloco de código. Para agendar um tempo limite, o JavaScript fornece métodos como setInterval (), setTimeout, ClearTimeout (), e ClearInterval (). Ele fornece uma funcionalidade de tempo limite que permite aos usuários executar qualquer operação após um intervalo de tempo específico. Além disso, a parte do código é repetida após um intervalo de tempo definido. Esses métodos são úteis para sites sensíveis, como sites bancários e sites de comércio eletrônico.

Esta postagem demonstra o trabalho e o uso dos métodos ClearTimeout () e ClearInterval ():

• Como utilizar o método cleartimeout () em javascript
• Como utilizar o método clearInterval () em javascript

Métodos javascript cleartimeout () e clearInterval ()

Em JavaScript, o ClearTimeout () e ClearInterval () Os métodos são usados ​​para limpar o timer que foi inicializado usando os métodos setInterval () e setTimeout (), respectivamente. O método clearTimeout () cancela o tempo limite que foi estabelecido anteriormente pelo setTimeout (). O mesmo procedimento é aplicado usando ClearInterval () Para cancelar o intervalo de tempo fixado por setInterval ().

Como utilizar o método cleartimeout () em javascript?

O ClearInterval () O método é utilizado para interromper a execução que começou com o método setTimeout (). O método leva o mesmo nome de variável que foi retornado pelo método setTimeout (). A sintaxe do método clearTimeout () é fornecida aqui:

Sintaxe

ClearTimeout (timeoutId);

O timeoutId é o valor do timer definido pelo método setTimeout (). É um campo obrigatório.

Exemplo

Um exemplo é explicado com o uso do ClearTimeout () Método em JavaScript.

Código

Um exemplo de uso do método ClearTimeout () em JavaScript

Pressione o botão para iniciar o contador

Pressione o botão para parar o contador

No código acima, o método clearTimeout () é utilizado com o método setTimeout () para diferenciar o processo de trabalho entre eles. A descrição é fornecida no formato listado:

• Em primeiro lugar, um botão “Pressione o botão para iniciar o contador”Está anexado com um StartCount () método.
• Outro botão está associado ao StopCount () método para interromper a execução do método acima.
• Depois de pressionar o botão, a variável do contador é inicializada e incrementada por um a cada 1000 milissegundos.
• Esses valores são armazenados no tempo variável que é utilizada para parar o balcão, passando para o método cleartimeout ().

A captura de tela do código acima é a seguinte:

Saída

Observa -se que o balcão começa depois de pressionar o “Pressione o botão para iniciar o contador" botão. O contador incrementa o valor adicionando um. O processo continua até o “Pressione o botão para parar o contador”Botão é pressionado.

Como utilizar o método clearInterval () em javascript?

Este método limpa o cronograma criado pelo setInterval () método. A execução do cronômetro criado é finalizado passando a mesma variável que foi retornada do método setInterval (). A sintaxe a seguir refere -se ao método setInterval ().

Sintaxe

ClearInterval (intervalido)

Nesta sintaxe, o intervalido é a variável de passagem que utiliza o mesmo valor que o método setInterval ().

Exemplo
O código de exemplo escrito abaixo se refere ao ClearTimeout () método em JavaScript.

Código

Um exemplo de uso do método ClearInterval () em JavaScript

Pressione o botão para iniciar um intervalo que imprime uma mensagem.

Pressione o botão para iniciar o intervalo
Pressione o botão para cancelar o intervalo

O código é descrito como:

• Dois botões estão associados aos métodos.
• O Resultado() O método é empregado com um botão “Pressione o botão para iniciar o intervalo”.
• Primeiro, o intervalo é definido pelo método setInterval ().
• Depois disso, uma mensagem perguntando: “JavaScript é uma linguagem de script?”É exibido a cada 500 milissegundos.
• No final, o ClearInterval () O método é usado passando a mesma variável retornada pelo método setInterval ().

Saída

Na saída, a mensagem “JavaScript é uma linguagem de script?”É exibido repetidamente pressionando o botão de intervalo de início. Depois disso, o ClearInterval () O método é utilizado para interromper a execução e exibir uma mensagem “Intervalo cancelado”.

Conclusão

JavaScript fornece funcionalidade para interromper a execução do código, utilizando o ClearTimeout () e métodos clearInterval (). O método clearTimeout () é empregado para limpar o valor do timer definido pelo método setTimeout (). Por outro lado, o ClearInterval () O método interrompe o intervalo passando o mesmo valor definido pelo método setInterval () em JavaScript. Aqui, você aprendeu a entender os métodos claros () e clearInterval () em JavaScript.