Como parar o SetInterval Call in JavaScript

Em JavaScript, invocar/chamar uma função é essencial para a execução de um pedaço de código repetidamente. JavaScript fornece a setInterval () Método que define o atraso de tempo específico entre cada chamada de uma função repetidamente chamada. Além disso, é útil parar os métodos de chamada. Para esse fim, o ClearInterval () O método é introduzido para interromper a chamada de intervalo definida. Esta posta.

• Como parar o SetInterval Call in JavaScript
• Exemplo 1: Stop SetInterval Call of Clock Hora usando o método clearInterval ()
• Exemplo 2: Stop SetInterval Call of Message usando o método clearInterval ()

Como parar o SetInterval Call in JavaScript?

JavaScript é capaz de executar uma parte específica de código após um atraso de tempo. Sempre que uma função ou código de código está sendo executado repetidamente, você pode executar cada pedaço após um período específico. Às vezes, uma situação para interromper a mensagem ou temporizador. O ClearInterval () A função é utilizada para interromper a chamada do setInterval, aceitando o mesmo intervalo de tempo. A sintaxe é fornecida aqui:

Sintaxe

clearInterval (interval_id);

O interval_id especifica o intervalo de tempo que é retornado do setInterval () método.

Exemplo 1: Usando o método clearInterval () para interromper a chamada do SetInterval da hora do relógio

Um exemplo é considerado para interromper a chamada de tempo do setInterval empregando o ClearInterval () método. O exemplo compreende códigos HTML e JavaScript, que são explicados abaixo:

Código HTML

Um exemplo para interromper a chamada do setInterval em javascript

Pare o tempo

A descrição do código HTML é fornecida abaixo:

• Um botão "Pare o tempo”É criado que está associado a um método“MyStopFunction ()”.
• O método é acionado quando o usuário pressiona o “Pare o tempo" botão.
• No final, o “teste.JS”O arquivo é passado como a fonte dentro do“" marcação.

Vamos pegar o código JavaScript (o arquivo é nomeado como “teste.JS”Em nosso sistema):

Código JavaScript

var myvar = setInterval (mytim, 1000);
functionMytim ()
var d = newDate ();
var T = D.tolocaletimestring ();
documento.getElementById ("Demo").inerhtml = t;

functionMyStopFunction ()
ClearInterval (myvar);

Neste código:

• O "setInterval ()”Método define o intervalo de tempo específico, passando“Mytim" e "1000Milissegundos como parâmetros.
• Nisso "mytim ()”Método, variável“d"Armazena a data atual e a variável"t”Extrai o horário atual chamando o“tolocaletimestring ()”Método.
• No final, o “MyStopFunction ()”É empregado para interromper a chamada do setInterval pela“ClearInterval ()”Método.

Saída

A saída mostra que o intervalo definido é interrompido pressionando o botão “Pare o tempo”Na janela do navegador.

Exemplo 2: Usando o método clearInterval () para interromper a chamada do setInterval em um loop para loop

Um exemplo é considerado para exibir uma mensagem simples usando a chamada SetInterval em JavaScript. O ClearInterval () A função é usada para limpar o intervalo de 1000 ms (1 segundos). Por exemplo, o código é fornecido abaixo.

Código

var i = 0;
var int = setInterval (function ()
console.log ("Javascript World");
i ++;
if (i> = 5)
ClearInterval (int);

, 1000);

Neste código:

• O setInterval () o método passou uma função de retorno de chamada e 1000 como argumentos.
• Dentro da função (), a mensagem “Javascript World”É exibido cinco vezes. Quando o limite excede o número, o ClearInterval () vai parar a chamada do setInterval.
• O intervalo claro () quebra o intervalo definido passando um int valor.
• No final, o setInterval () o método é interrompido pelo ClearInterval () método.

Saída

A saída retorna a mensagem “Javascript World” e interrompe a chamada do setInterval após 5 segundos.

Conclusão

O ClearInterval () O método é utilizado para interromper a chamada do setInterval em JavaScript. O método é útil para limpar o tempo definido por setInterval. Este post demonstra o trabalho e o uso do ClearInterval () Método para interromper a chamada SetInterval em JavaScript. É importante quando o usuário já definiu um tempo específico para qualquer função específica. Neste post, um exemplo exibe uma mensagem simples utilizando a função de retorno de chamada e intervalo. O segundo exemplo mostra a hora do relógio digital que para de usar o ClearInterval () método.