setTimeout 및 setInterval
No post de hoje irei falar um pouco sobre os metodos
setTimeout
전자 setInterval
.setTimeout
오 메도
setTimeout
é usado para executarmos uma função após um determinado tempo, esta função será executada uma única vez.Este metodo recebe dois argumentos:
setTimeout(() => {
console.log('Execução do setTimeout!')
}, 2000)
Levando em thinkação o código de exemplo acima, após o carregamento da página, será aguardado 2 segundos para executar a função, que no nosso caso é apenas informar no console a string
Execução do setTimeout
.세트간격
Já o metodo
setInterval
, é usado para ficar executando uma função no intervalo de tempo que foi determinado.Este metodo também recebe dois argumentos:
setInterval(() => {
console.log('Execução do setInterval!')
}, 2000)
Observando o código de exemplo acima, a função passada como primeiro argumento ficará sendo executada a cada 2 segundos, logo, a cada 2 segundos será impresso no console a string
Execução do setInterval!
.데스타 형식, esse
setInterval
ficará sendo executado indefinidamente, pois não foi informado um momento para que esse execução seja parada.Para fazermos isso, devemos usar um metodo chamado
clearInterval
. o codigo abaixo 관찰:let counter = 0
const timer = setInterval(() => {
console.log('Execução do setInterval!')
counter++
if (counter === 5) {
clearInterval(timer)
}
}, 2000)
Como pode ser observado acima, usei o método clearInterval para parar a execução do codigo assim que a variável counter fosse igual a 5.
Com isso, a cada dois segundos será impresso no console
Execução do setInterval
e a variável counter será incrementada, assim que essa variável atingir o valor 5, cairemos na condição do if
e com isso, o metodo clearInterval será executado, parando a execução da const timer.Por hoje é isso, espero que estejam curtindo as postagens!
Vou deixar aqui abaixo o link do MDN com a documentação sobre setTimeout 전자 setInterval
Esse foi mais um post da minha saga de estudos em JavaScript Vanilla. Espero que estejam gostando!
Qualquer dúvida ou sugestão, vocês me encontram nas minhas redes sociais:
GIthub
Reference
이 문제에 관하여(setTimeout 및 setInterval), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/inando85/settimeout-e-setinterval-2k08텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)