O documento aborda o uso de timers em JavaScript, explicando como agendar a execução de funções com setTimeout e setInterval. Também discute como cancelar timers e a diferença entre setTimeout e setImmediate em termos de performance. Exemplos de código ilustram as funcionalidades mencionadas.

1. Rodrigo Branas – @rodrigobranas - http://www.agilecode.com.br
Timers

2. Por meio dos timers, é possível
agendar a execução de funções

3. Criando um timer com setTimeout
setTimeout.js
1. console.log('A
'
+
new
Date());
2. setTimeout(function
()
{
3.
console.log('B
'
+
new
Date());
4. },
3000);

5. É necessário importar algum módulo
para utilizar a função setTimeout?

6. https://github.com/nodejs/node-v0.x-archive/blob/master/src/node.js

8. Invertendo a ordem de execução
setTimeoutReverse.js
1. setTimeout(function
()
{
2.
console.log('B
'
+
new
Date());
3. },
3000);
4. console.log('A
'
+
new
Date());

10. Por que ao inverter a ordem
o resultado é o mesmo?

11. Para evitar o bloqueio do event loop, que
é executado em uma única thread, as
funções invocadas pelos timers ficam
aguardando em uma fila.

13. Cancelando um timer com clearTimeout
clearTimeout.js
1. var
a
=
setTimeout(function
()
{
2.
console.log('A
'
+
new
Date());
3. },
3000);
4. var
b
=
setTimeout(function
()
{
5.
console.log('B
'
+
new
Date());
6. },
3000);
7. clearTimeout(a);

15. É possível também criar um timer que
execute a cada período de tempo

16. Criando um timer com setTimeout
setTimeoutInterval.js
1. var
interval
=
function
(callback,
time)
{
2.
setTimeout(function()
{
3.
callback();
4.
interval(callback,
time);
5.
},
time);
6. };
7. interval(function()
{
8.
console.log('R
'
+
new
Date());
9. },
1000);

18. Não tem nada mais simples e direto?

19. Criando um timer com setInterval
setInterval.js
1. setInterval(function()
{
2.
console.log('R
'
+
new
Date());
3. },
1000);

21. Cancelando um timer com clearInterval
clearInterval.js
1. var
i
=
setInterval(function()
{
2.
console.log('R
'
+
new
Date());
3. },
1000);
4. setTimeout(function()
{
5.
clearInterval(i);
6. },
5000);

23. E se a intenção for apenas colocar a
função na fila, para executar depois?

24. Criando um timer imediato
setTimeoutZero.js
1. console.log('A
'
+
new
Date());
2. setTimeout(function()
{
3.
console.log('I
'
+
new
Date());
4. },
0);
5. console.log('B
'
+
new
Date());

26. Não tem nada mais simples e direto?

27. Criando um timer imediato
setImmediate.js
1. console.log('A
'
+
new
Date());
2. setImmediate(function()
{
3.
console.log('I
'
+
new
Date());
4. });
5. console.log('B
'
+
new
Date());

29. Existe diferença de performance entre
o setTimeout e o setImmediate?

30. Medindo a performance do setTimeout
setTimeoutZeroTime.js
1. console.time('T');
2. setTimeout(function()
{
3.
console.timeEnd('T');
4. },
0);

32. Medindo a performance do setImmediate
setImmediateTime.js
1. console.time('I');
2. setImmediate(function()
{
3.
console.timeEnd('I');
4. });

34. Tem como programar um timer
utilizando uma data específica?

37. Rodrigo Branas
Agile Code: http://www.agilecode.com.br
Twitter: @rodrigobranas
SlideShare: http://www.slideshare.com/rodrigobranas
YouTube: http://www.youtube.com/rodrigobranas
LinkedIn: http://br.linkedin.com/in/rodrigobranas
+Plus: https://plus.google.com/+RodrigoBranas
GitHub: http://www.github.com/rodrigobranas