setTimeout 및 setInterval

4961 단어
Chegamos a mais um post da minha em JavaScript.

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:
  • 1: A função que será executada após o tempo informado
  • 2: O tempo que deve ser esperado para executar a função do Primeiro argumento, esse tempo deve ser informado em milissegundos.

  • 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:
  • 1: A função que ficará sendo executada
  • 2: De quanto em quanto tempo essa função será executada, também em milissegundos.

  • 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

    좋은 웹페이지 즐겨찾기