Skip to main content
Commonmark migration
Fonte Link

###Como os timers funcionam no JavaScript

Como os timers funcionam no JavaScript

###setInterval e setTimeout

setInterval e setTimeout

###Timers que disparam operações síncronas

Timers que disparam operações síncronas

###Timers que disparam operações assíncronas

Timers que disparam operações assíncronas

###Conclusão

Conclusão

###Como os timers funcionam no JavaScript

###setInterval e setTimeout

###Timers que disparam operações síncronas

###Timers que disparam operações assíncronas

###Conclusão

Como os timers funcionam no JavaScript

setInterval e setTimeout

Timers que disparam operações síncronas

Timers que disparam operações assíncronas

Conclusão

Fim da Recompensa com 50 pontos de reputação concedidos por Woss
replaced http://pt.stackoverflow.com/ with https://pt.stackoverflow.com/
Fonte Link

Os timers em JavaScript não são precisos. Quando você dá a um timer um intervalo de n milissegundos, o que ocorre é que seu callback será executado em pelo menos n milissegundos. Isso é consequência da maneira como a linguagem é implementada, com Thread única e um loop de eventosloop de eventos controlando o fluxo de execução de operações assíncronas.

Os timers em JavaScript não são precisos. Quando você dá a um timer um intervalo de n milissegundos, o que ocorre é que seu callback será executado em pelo menos n milissegundos. Isso é consequência da maneira como a linguagem é implementada, com Thread única e um loop de eventos controlando o fluxo de execução de operações assíncronas.

Os timers em JavaScript não são precisos. Quando você dá a um timer um intervalo de n milissegundos, o que ocorre é que seu callback será executado em pelo menos n milissegundos. Isso é consequência da maneira como a linguagem é implementada, com Thread única e um loop de eventos controlando o fluxo de execução de operações assíncronas.

!!!
Fonte Link
bfavaretto
  • 66,2mil
  • 11
  • 151
  • 228
// agenda função lenta para executar em 100ms
setTimeoutsetInterval(fazOperacaoLenta, 100);

// operação que demora 150ms
fazOperacaoLenta();

Repare que nesse período de 300ms era para a função ter executado 4 vezes (uma imediatamente, e 3 agendadas a cada 100ms), porém só executou 3 vezes. A execução prevista para os 100ms rodou aos 150ms. Ao chegar nos 300ms, perceba que houve um encavalamento: haveria duas execuções previstas, a dos 200ms e a dos 300ms, mas uma delas acaba sendo descartada, e a função executa apenas uma vez. (Vai ter gente dizendo o contrário na internet, inclusive no SOen; não acredite!)

// agenda função lenta para executar em 100ms
setTimeout(fazOperacaoLenta, 100);

// operação que demora 150ms
fazOperacaoLenta();

Repare que nesse período de 300ms era para a função ter executado 4 vezes (uma imediatamente, e 3 agendadas a cada 100ms), porém só executou 3 vezes. A execução prevista para os 100ms rodou aos 150ms. Ao chegar nos 300ms, perceba que houve um encavalamento: haveria duas execuções previstas, a dos 200ms e a dos 300ms, mas uma delas acaba sendo descartada, e a função executa apenas uma vez.

// agenda função lenta para executar em 100ms
setInterval(fazOperacaoLenta, 100);

// operação que demora 150ms
fazOperacaoLenta();

Repare que nesse período de 300ms era para a função ter executado 4 vezes (uma imediatamente, e 3 agendadas a cada 100ms), porém só executou 3 vezes. A execução prevista para os 100ms rodou aos 150ms. Ao chegar nos 300ms, perceba que houve um encavalamento: haveria duas execuções previstas, a dos 200ms e a dos 300ms, mas uma delas acaba sendo descartada, e a função executa apenas uma vez. (Vai ter gente dizendo o contrário na internet, inclusive no SOen; não acredite!)

adicionou 1 caractere ao conteúdo
Fonte Link
bfavaretto
  • 66,2mil
  • 11
  • 151
  • 228
Carregando
Fonte Link
bfavaretto
  • 66,2mil
  • 11
  • 151
  • 228
Carregando