{"id":83,"date":"2023-08-11T17:20:48","date_gmt":"2023-08-11T20:20:48","guid":{"rendered":"https:\/\/urutaudev.com.br\/?p=83"},"modified":"2024-01-27T19:41:21","modified_gmt":"2024-01-27T22:41:21","slug":"diferenca-entre-setinterval-e-settimeout-do-javascript","status":"publish","type":"post","link":"https:\/\/urutaudev.com.br\/index.php\/2023\/08\/11\/diferenca-entre-setinterval-e-settimeout-do-javascript\/","title":{"rendered":"Diferen\u00e7a entre setInterval e setTimeout JavaScript"},"content":{"rendered":"

Neste artigo mostro qual a diferen\u00e7a entre setInterval e setTimeout do JavaScript?<\/h2>\n
\n

 <\/p>\n

\"Diferen\u00e7a
Diferen\u00e7a entre setInterval e setTimeout JavaScript<\/figcaption><\/figure>\n

Introdu\u00e7\u00e3o<\/h2>\n

 <\/p>\n

Este artigo tem o intuito de demonstrar qual a principal diferen\u00e7a entre as fun\u00e7\u00f5es setInterval<\/b><\/code>\u00a0e\u00a0setTimeout<\/b><\/code> do Javascript, ser\u00e1 uma breve explica\u00e7\u00e3o atrav\u00e9s de simples exemplos de c\u00f3digos.<\/span><\/p>\n

 <\/p>\n

Diferen\u00e7a entre setInterval e setTimeout JavaScript<\/h3>\n

setInterval<\/span><\/h4>\n

 <\/p>\n

O m\u00e9todo\u00a0setInterval()<\/b><\/code> do javascript serve para executar as chamadas de fun\u00e7\u00f5es ou executar trechos de c\u00f3digo v\u00e1rias vezes em um intervalo de tempo determinado.<\/span><\/p>\n

Com isto conclu\u00edsse que o m\u00e9todo ser\u00e1 executado v\u00e1rias vezes de acordo com o per\u00edodo de tempo estipulado ou at\u00e9 que se chame o m\u00e9todo clearTimeout<\/b><\/code> que far\u00e1 a execu\u00e7\u00e3o do m\u00e9todo parar.<\/span><\/p>\n

Abaixo mostro um exemplo de c\u00f3digo usando do m\u00e9todo setInterval()<\/b><\/code>, nele a fun\u00e7\u00e3o ser\u00e1 chamada a cada 100 milissegundos passando uma fun\u00e7\u00e3o de callback, que vai imprimir a frase \"Ol\u00e1 mundo\"<\/code> no console.<\/span><\/p>\n

 <\/p>\n

function callbackFunction() {\r\n  console.log(\"Ol\u00e1 mundo\");\r\n}\r\n\r\nsetInterval(callbackFunction, 100);\r\n<\/code><\/pre>\n
 <\/p>\n
setTimeout<\/span><\/h4>\n
 <\/p>\n
J\u00e1 o m\u00e9todo setTimeout()<\/b><\/code> serve para executar a chamada de uma fun\u00e7\u00e3o ou executar trechos de c\u00f3digo quando atingir o tempo estipulado.<\/span><\/p>\n
Com base nesta breve explica\u00e7\u00e3o podemos definir que quando o tempo definido na fun\u00e7\u00e3o for atingido a fun\u00e7\u00e3o ser\u00e1 executada e essa fun\u00e7\u00e3o s\u00f3 ser\u00e1 executada apenas uma vez.<\/span><\/p>\n
Logo Abaixo mostro um exemplo de c\u00f3digo utilizando o m\u00e9todo setTimeout()<\/b><\/code>, nele a fun\u00e7\u00e3o ser\u00e1 chamada quando o tempo chegar a 5000 milissegundos(5 segundos).<\/span><\/p>\n
Ao executar o c\u00f3digo ser\u00e1 imprisso no console a mensagem Delay de 5 segundos<\/code>.<\/span><\/p>\n
 <\/p>\n
setTimeout(() => {\r\n  console.log(\"Delay de 5 segundos.\");\r\n}, \"5000\");\r\n<\/code><\/pre>\n
 <\/p>\n
Conclus\u00e3o<\/h2>\n
Como base na funcionalidade do dois m\u00e9todos, verificamos que a principal diferen\u00e7a entre setInterval<\/b><\/code>\u00a0e\u00a0setTimeout<\/b><\/code>\u00a0\u00e9 a quantidade de vezes que cada uma \u00e9 executada e quando ocorre a execu\u00e7\u00e3o de cada uma.<\/span><\/p>\n
Essa foi uma breve explica\u00e7\u00e3o mostrando a principal diferen\u00e7a entre o dois m\u00e9todos setInterval<\/b><\/code>\u00a0e\u00a0setTimeout<\/b><\/code>, conhecer esses dois m\u00e9todos \u00e9 essencial para todo programador Javascrit.<\/span><\/p>\n
Pois ajuda ao programador executar determinados comandos de forma autom\u00e1tica sem que o usu\u00e1rio realize qualquer a\u00e7\u00e3o.<\/span><\/p>\n
Um bom exemplo de uso do setInterval<\/b><\/code>\u00a0 seria para de tempos em tempos atualizar uma informa\u00e7\u00e3o na tela do usu\u00e1rio.<\/span><\/p>\n
Abaixo deixo o link da documenta\u00e7\u00e3o das fun\u00e7\u00f5es.<\/span><\/p>\n
 <\/p>\n
Refer\u00eancias:<\/h2>\n