{"id":114764,"date":"2023-08-03T22:46:42","date_gmt":"2023-08-04T01:46:42","guid":{"rendered":"https:\/\/fluency.io\/br\/blog\/javascript-atraso-de-5-segundos\/"},"modified":"2023-08-03T22:46:42","modified_gmt":"2023-08-04T01:46:42","slug":"javascript-atraso-de-5-segundos","status":"publish","type":"post","link":"https:\/\/fluency.io\/br\/blog\/javascript-atraso-de-5-segundos\/","title":{"rendered":"Javascript: Atraso de 5 Segundos"},"content":{"rendered":"
<\/p>\n
Funcionalidade de atraso de 5 segundos em JavaScript<\/h1>\n

Introdu\u00e7\u00e3o<\/h2>\n
O JavaScript \u00e9 uma das linguagens de programa\u00e7\u00e3o mais populares atualmente, e possui uma ampla gama de recursos e funcionalidades. Uma delas \u00e9 a capacidade de adicionar um atraso de tempo em determinadas opera\u00e7\u00f5es ou eventos. Neste artigo, exploraremos a funcionalidade de atraso de 5 segundos em JavaScript e como isso pode ser \u00fatil em diversas situa\u00e7\u00f5es.<\/p>\n

Atraso de 5 segundos em JavaScript<\/h2>\n
O atraso de 5 segundos em JavaScript permite que voc\u00ea adie a execu\u00e7\u00e3o de uma determinada tarefa por um per\u00edodo de tempo espec\u00edfico. Isso pode ser \u00fatil em diferentes cen\u00e1rios, como a exibi\u00e7\u00e3o de uma mensagem temporizada, a realiza\u00e7\u00e3o de uma anima\u00e7\u00e3o ap\u00f3s um intervalo de tempo ou a implementa\u00e7\u00e3o de um cron\u00f4metro.<\/p>\n

Utilizando a fun\u00e7\u00e3o setTimeout<\/h3>\n
A utiliza\u00e7\u00e3o dessa funcionalidade \u00e9 bastante simples. Basta utilizar a fun\u00e7\u00e3o setTimeout<\/code> do JavaScript, que permite a execu\u00e7\u00e3o de um trecho de c\u00f3digo ap\u00f3s um determinado intervalo de tempo. Por exemplo, para adicionar um atraso de 5 segundos antes de executar uma fun\u00e7\u00e3o, podemos fazer o seguinte:<\/p>\n
setTimeout(function() {\n  \/\/ c\u00f3digo a ser executado ap\u00f3s 5 segundos\n}, 5000);<\/code><\/pre>\nNo exemplo acima, o trecho de c\u00f3digo dentro da fun\u00e7\u00e3o an\u00f4nima ser\u00e1 executado ap\u00f3s um atraso de 5 segundos. O n\u00famero 5000 representa o tempo em milissegundos, portanto, 5000 milissegundos \u00e9 igual a 5 segundos.<\/p>\n
Considera\u00e7\u00f5es importantes<\/h3>\n\u00c9 importante ressaltar que o atraso de 5 segundos em JavaScript \u00e9 ass\u00edncrono, ou seja, a execu\u00e7\u00e3o do c\u00f3digo continuar\u00e1 mesmo ap\u00f3s a chamada do setTimeout<\/code>. Portanto, \u00e9 necess\u00e1rio ter cuidado ao utilizar essa funcionalidade para evitar comportamentos indesejados no seu c\u00f3digo.<\/p>\n
Aplica\u00e7\u00f5es do atraso de 5 segundos<\/h2>\nExistem diversas maneiras criativas de utilizar o atraso de 5 segundos em JavaScript. Por exemplo, voc\u00ea pode exibir uma mensagem temporizada para o usu\u00e1rio ap\u00f3s um determinado tempo de inatividade em uma p\u00e1gina. Isso pode ser \u00fatil para lembrar o usu\u00e1rio de que sua sess\u00e3o est\u00e1 prestes a expirar ou para fornecer dicas \u00fateis sobre a utiliza\u00e7\u00e3o do site.<\/p>\n
Outra aplica\u00e7\u00e3o interessante \u00e9 a implementa\u00e7\u00e3o de anima\u00e7\u00f5es ou transi\u00e7\u00f5es, onde voc\u00ea pode adicionar um atraso antes de alterar o estado visual de um elemento HTML. Isso pode proporcionar uma experi\u00eancia mais fluida e agrad\u00e1vel para o usu\u00e1rio, evitando a sensa\u00e7\u00e3o de transi\u00e7\u00f5es abruptas.<\/p>\n
Al\u00e9m disso, o atraso de 5 segundos em JavaScript pode ser utilizado em jogos online, onde voc\u00ea pode adicionar um cron\u00f4metro para controlar o tempo dispon\u00edvel para o jogador completar uma determinada tarefa ou desafio.<\/p>\n
Em resumo, o atraso de 5 segundos em JavaScript \u00e9 uma funcionalidade poderosa que permite adiar a execu\u00e7\u00e3o de tarefas e eventos em seu c\u00f3digo. Seja para exibir mensagens temporizadas, implementar anima\u00e7\u00f5es ou controlar o tempo em jogos, essa funcionalidade oferece diversas possibilidades para melhorar a experi\u00eancia do usu\u00e1rio. Experimente usar o atraso de 5 segundos em JavaScript em seus projetos e descubra como ele pode tornar seu c\u00f3digo mais funcional e interativo.<\/p>\n
Como usar o atraso de 5 segundos em JavaScript<\/h2>\nA funcionalidade de atraso de 5 segundos em JavaScript \u00e9 bastante \u00fatil em diversas situa\u00e7\u00f5es, e sua aplica\u00e7\u00e3o \u00e9 relativamente simples. Neste t\u00f3pico, vamos explicar passo a passo como utilizar esse recurso em seus projetos.<\/p>\n
Passo 1: Inclua o script do JavaScript<\/h3>\nAntes de utilizar qualquer recurso do JavaScript, \u00e9 necess\u00e1rio incluir o script em sua p\u00e1gina HTML. Para isso, voc\u00ea pode utilizar a tag <script><\/code> e especificar o caminho para o arquivo JavaScript externo ou escrever o c\u00f3digo diretamente na pr\u00f3pria p\u00e1gina. Veja um exemplo abaixo:<\/p>\n
<!DOCTYPE html>\n<html>\n<head>\n  <title>Exemplo de atraso de 5 segundos em JavaScript<\/title>\n<\/head>\n<body>\n  <!-- Seu conte\u00fado HTML aqui -->\n  \n  <script src=\"caminho-para-o-seu-arquivo.js\"><\/script>\n<\/body>\n<\/html><\/code><\/pre>\nNo exemplo acima, utilizamos a tag <script><\/code> para incluir o JavaScript em nossa p\u00e1gina. O atributo src<\/code> especifica o caminho para o arquivo externo. Voc\u00ea pode substituir “caminho-para-o-seu-arquivo.js” pelo caminho correto do seu arquivo JavaScript.<\/p>\n
Passo 2: Implemente o atraso de 5 segundos<\/h3>\nAgora que voc\u00ea incluiu o script do JavaScript em sua p\u00e1gina, pode come\u00e7ar a implementar o atraso de 5 segundos. Como mencionado anteriormente, isso pode ser feito utilizando a fun\u00e7\u00e3o setTimeout<\/code>. Vejamos um exemplo:<\/p>\n
setTimeout(function() {\n  \/\/ c\u00f3digo a ser executado ap\u00f3s 5 segundos\n}, 5000);<\/code><\/pre>\nNo exemplo acima, a fun\u00e7\u00e3o setTimeout<\/code> recebe dois par\u00e2metros. O primeiro par\u00e2metro \u00e9 uma fun\u00e7\u00e3o an\u00f4nima que cont\u00e9m o c\u00f3digo a ser executado ap\u00f3s o atraso de 5 segundos. O segundo par\u00e2metro especifica o tempo em milissegundos, ou seja, 5000 milissegundos \u00e9 igual a 5 segundos.<\/p>\n
Passo 3: Utilize o atraso de 5 segundos para diferentes finalidades<\/h3>\nCom a funcionalidade de atraso de 5 segundos em JavaScript implementada em seu c\u00f3digo, voc\u00ea pode escolher como utiliz\u00e1-la de acordo com suas necessidades. Alguns exemplos de aplica\u00e7\u00e3o incluem:<\/p>\n
\nExibir mensagens temporizadas para o usu\u00e1rio<\/li>\n
Implementar transi\u00e7\u00f5es e anima\u00e7\u00f5es em elementos HTML<\/li>\n
Controlar o tempo em jogos ou simula\u00e7\u00f5es interativas<\/li>\n<\/ul>\nLembre-se de que, ao utilizar o atraso de 5 segundos em JavaScript, \u00e9 importante considerar a experi\u00eancia do usu\u00e1rio e evitar a utiliza\u00e7\u00e3o excessiva desse recurso. Garanta sempre a usabilidade e a boa performance do seu c\u00f3digo.<\/p>\n
Agora que voc\u00ea aprendeu como usar o atraso de 5 segundos em JavaScript, \u00e9 hora de colocar em pr\u00e1tica e experimentar em seus pr\u00f3prios projetos. Explore as possibilidades dessa funcionalidade e aproveite seus benef\u00edcios para tornar suas aplica\u00e7\u00f5es mais interativas e envolventes para os usu\u00e1rios.<\/p>\n
Benef\u00edcios do atraso de 5 segundos em JavaScript<\/h2>\nO atraso de 5 segundos em JavaScript oferece diversos benef\u00edcios e pode ser uma ferramenta \u00fatil em muitas situa\u00e7\u00f5es. Neste t\u00f3pico, exploraremos algumas das vantagens em utilizar esse recurso em seus projetos.<\/p>\n
\nMelhor experi\u00eancia do usu\u00e1rio: Ao adicionar um atraso de 5 segundos em determinadas opera\u00e7\u00f5es ou eventos, voc\u00ea pode proporcionar uma experi\u00eancia mais agrad\u00e1vel para o usu\u00e1rio. Ele permite que voc\u00ea apresente informa\u00e7\u00f5es relevantes ou realize a\u00e7\u00f5es espec\u00edficas ap\u00f3s um intervalo de tempo, evitando que o usu\u00e1rio seja sobrecarregado com muitas informa\u00e7\u00f5es de uma s\u00f3 vez.<\/li>\n
Mensagens temporizadas: Com o atraso de 5 segundos, voc\u00ea pode exibir mensagens temporizadas para o usu\u00e1rio. Isso pode ser \u00fatil para fornecer feedback sobre uma a\u00e7\u00e3o realizada ou para apresentar informa\u00e7\u00f5es importantes em momentos espec\u00edficos. Por exemplo, em um formul\u00e1rio, voc\u00ea pode exibir uma mensagem de confirma\u00e7\u00e3o ap\u00f3s o envio dos dados, aguardando alguns segundos antes de exibi-la.<\/li>\n
Efeito de suspense: O atraso de 5 segundos pode ser utilizado para criar um efeito de suspense em seus projetos. Por exemplo, em uma apresenta\u00e7\u00e3o de slides, voc\u00ea pode adicionar um atraso antes de exibir a pr\u00f3xima imagem, criando uma pausa que mant\u00e9m a aten\u00e7\u00e3o do usu\u00e1rio e aumenta o impacto visual.<\/li>\n
Transi\u00e7\u00f5es e anima\u00e7\u00f5es: O atraso de 5 segundos pode ser aplicado em transi\u00e7\u00f5es e anima\u00e7\u00f5es, permitindo que voc\u00ea crie efeitos visuais mais fluidos e din\u00e2micos. Por exemplo, ao alterar a cor de fundo de um elemento ou ao mover um objeto na tela, voc\u00ea pode adicionar um atraso antes da anima\u00e7\u00e3o iniciar para criar uma transi\u00e7\u00e3o suave.<\/li>\n
Controle de tempo: O atraso de 5 segundos \u00e9 especialmente \u00fatil em jogos ou simula\u00e7\u00f5es interativas, onde voc\u00ea precisa controlar o tempo de execu\u00e7\u00e3o de determinadas a\u00e7\u00f5es. Por exemplo, em um jogo de quebra-cabe\u00e7a, voc\u00ea pode usar o atraso para dar um tempo ao jogador antes de exibir a solu\u00e7\u00e3o ou para contar o tempo dispon\u00edvel para resolver o desafio.<\/li>\n<\/ol>\nMelhores pr\u00e1ticas para o uso do atraso de 5 segundos em JavaScript<\/h2>\nAo utilizar o atraso de 5 segundos em JavaScript, \u00e9 importante seguir algumas melhores pr\u00e1ticas para garantir um c\u00f3digo limpo, funcional e de f\u00e1cil manuten\u00e7\u00e3o. Abaixo est\u00e3o algumas dicas importantes a serem consideradas:<\/p>\n
\nEvite atrasos excessivos: O uso excessivo do atraso de 5 segundos pode impactar negativamente a experi\u00eancia do usu\u00e1rio. Certifique-se de utilizar o recurso apenas quando realmente necess\u00e1rio e evite adicionar atrasos desnecess\u00e1rios em suas aplica\u00e7\u00f5es.<\/li>\n
Tenha cuidado ao trabalhar com elementos interativos: Ao utilizar o atraso de 5 segundos em elementos interativos, como bot\u00f5es ou links, leve em considera\u00e7\u00e3o o impacto que isso pode ter na usabilidade. Certifique-se de que o usu\u00e1rio tenha tempo suficiente para interagir com o elemento antes que a a\u00e7\u00e3o seja executada automaticamente.<\/li>\n
Utilize mensagens claras: Ao exibir mensagens temporizadas, certifique-se de que elas sejam claras e facilmente compreens\u00edveis para o usu\u00e1rio. Evite mensagens amb\u00edguas ou confusas que possam gerar d\u00favidas ou mal entendidos.<\/li>\n
Teste e otimize: Antes de implementar o atraso de 5 segundos em produ\u00e7\u00e3o, fa\u00e7a testes e otimize seu c\u00f3digo para garantir um desempenho adequado. Verifique se o atraso est\u00e1 funcionando corretamente e se n\u00e3o h\u00e1 impacto negativo na performance da aplica\u00e7\u00e3o.<\/li>\n
Leve em considera\u00e7\u00e3o a experi\u00eancia do usu\u00e1rio: Sempre coloque a experi\u00eancia do usu\u00e1rio em primeiro lugar ao utilizar o atraso de 5 segundos em JavaScript. Certifique-se de que a funcionalidade seja \u00fatil e n\u00e3o cause desconforto ou frustra\u00e7\u00e3o para o usu\u00e1rio.<\/li>\n<\/ol>\nAo seguir essas melhores pr\u00e1ticas, voc\u00ea poder\u00e1 aproveitar ao m\u00e1ximo o atraso de 5 segundos em JavaScript e proporcionar uma experi\u00eancia agrad\u00e1vel e interativa para os usu\u00e1rios de suas aplica\u00e7\u00f5es. Experimente diversos cen\u00e1rios e aplica\u00e7\u00f5es e descubra como esse recurso pode ser incorporado de forma criativa em seus projetos.<\/p>\n
Awari – A melhor plataforma para aprender programa\u00e7\u00e3o<\/h2>\nA Awari<\/a> \u00e9 a melhor plataforma para aprender sobre programa\u00e7\u00e3o no Brasil. Aqui voc\u00ea encontra cursos com aulas ao vivo, mentorias individuais com os melhores profissionais do mercado e suporte de carreira personalizado para dar seu pr\u00f3ximo passo profissional e aprender habilidades como Data Science, Data Analytics, Machine Learning e mais.<\/p>\n
J\u00e1 pensou em aprender de maneira individualizada com profissionais que atuam em empresas como Nubank, Amazon e Google? Clique aqui<\/a> para se inscrever na Awari e come\u00e7ar a construir agora mesmo o pr\u00f3ximo cap\u00edtulo da sua carreira em dados.<\/p>\n
<\/body><\/p>\n","protected":false},"excerpt":{"rendered":"
Neste artigo, vamos explorar a funcionalidade de atraso de 5 segundos em JavaScript e como ela pode ser \u00fatil em diversas situa\u00e7\u00f5es. Saiba como utilizar essa funcionalidade e as melhores pr\u00e1ticas para aproveitar o atraso de 5 segundos em aplica\u00e7\u00f5es web.<\/p>\n","protected":false},"author":9,"featured_media":27869,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":[186],"meta":{"inline_featured_image":false,"footnotes":""},"categories":[229],"tags":[],"trilha":[],"class_list":["post-114764","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-skills","format-artigos"],"acf":[],"yoast_head":"\nJavascript: Atraso de 5 Segundos - Fluency.io Brasil<\/title>\n<meta name=\"description\" content=\"Neste artigo, vamos explorar a funcionalidade de atraso de 5 segundos em JavaScript e como ela pode ser \u00fatil em diversas situa\u00e7\u00f5es. Saiba como utilizar ess...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fluency.io\/br\/blog\/javascript-atraso-de-5-segundos\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Javascript: Atraso de 5 Segundos - Fluency.io Brasil\" \/>\n<meta property=\"og:description\" content=\"Neste artigo, vamos explorar a funcionalidade de atraso de 5 segundos em JavaScript e como ela pode ser \u00fatil em diversas situa\u00e7\u00f5es. Saiba como utilizar ess...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fluency.io\/br\/blog\/javascript-atraso-de-5-segundos\/\" \/>\n<meta property=\"og:site_name\" content=\"Fluency.io Brasil\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-04T01:46:42+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"kaue\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fluency.io\/br\/blog\/javascript-atraso-de-5-segundos\/\",\"url\":\"https:\/\/fluency.io\/br\/blog\/javascript-atraso-de-5-segundos\/\",\"name\":\"Javascript: Atraso de 5 Segundos - Fluency.io Brasil\",\"isPartOf\":{\"@id\":\"https:\/\/fluency.io\/br\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/fluency.io\/br\/blog\/javascript-atraso-de-5-segundos\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/fluency.io\/br\/blog\/javascript-atraso-de-5-segundos\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2023-08-04T01:46:42+00:00\",\"author\":{\"@id\":\"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a\"},\"description\":\"Neste artigo, vamos explorar a funcionalidade de atraso de 5 segundos em JavaScript e como ela pode ser \u00fatil em diversas situa\u00e7\u00f5es. Saiba como utilizar ess...\",\"breadcrumb\":{\"@id\":\"https:\/\/fluency.io\/br\/blog\/javascript-atraso-de-5-segundos\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fluency.io\/br\/blog\/javascript-atraso-de-5-segundos\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/fluency.io\/br\/blog\/javascript-atraso-de-5-segundos\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\",\"width\":1027,\"height\":420},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fluency.io\/br\/blog\/javascript-atraso-de-5-segundos\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/fluency.io\/br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Javascript: Atraso de 5 Segundos\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fluency.io\/br\/#website\",\"url\":\"https:\/\/fluency.io\/br\/\",\"name\":\"Fluency.io Brasil\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fluency.io\/br\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a\",\"name\":\"kaue\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/fluency.io\/br\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g\",\"caption\":\"kaue\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Javascript: Atraso de 5 Segundos - Fluency.io Brasil","description":"Neste artigo, vamos explorar a funcionalidade de atraso de 5 segundos em JavaScript e como ela pode ser \u00fatil em diversas situa\u00e7\u00f5es. Saiba como utilizar ess...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fluency.io\/br\/blog\/javascript-atraso-de-5-segundos\/","og_locale":"pt_BR","og_type":"article","og_title":"Javascript: Atraso de 5 Segundos - Fluency.io Brasil","og_description":"Neste artigo, vamos explorar a funcionalidade de atraso de 5 segundos em JavaScript e como ela pode ser \u00fatil em diversas situa\u00e7\u00f5es. Saiba como utilizar ess...","og_url":"https:\/\/fluency.io\/br\/blog\/javascript-atraso-de-5-segundos\/","og_site_name":"Fluency.io Brasil","article_published_time":"2023-08-04T01:46:42+00:00","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"kaue","Est. tempo de leitura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/fluency.io\/br\/blog\/javascript-atraso-de-5-segundos\/","url":"https:\/\/fluency.io\/br\/blog\/javascript-atraso-de-5-segundos\/","name":"Javascript: Atraso de 5 Segundos - Fluency.io Brasil","isPartOf":{"@id":"https:\/\/fluency.io\/br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fluency.io\/br\/blog\/javascript-atraso-de-5-segundos\/#primaryimage"},"image":{"@id":"https:\/\/fluency.io\/br\/blog\/javascript-atraso-de-5-segundos\/#primaryimage"},"thumbnailUrl":"","datePublished":"2023-08-04T01:46:42+00:00","author":{"@id":"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a"},"description":"Neste artigo, vamos explorar a funcionalidade de atraso de 5 segundos em JavaScript e como ela pode ser \u00fatil em diversas situa\u00e7\u00f5es. Saiba como utilizar ess...","breadcrumb":{"@id":"https:\/\/fluency.io\/br\/blog\/javascript-atraso-de-5-segundos\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fluency.io\/br\/blog\/javascript-atraso-de-5-segundos\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/fluency.io\/br\/blog\/javascript-atraso-de-5-segundos\/#primaryimage","url":"","contentUrl":"","width":1027,"height":420},{"@type":"BreadcrumbList","@id":"https:\/\/fluency.io\/br\/blog\/javascript-atraso-de-5-segundos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/fluency.io\/br\/"},{"@type":"ListItem","position":2,"name":"Javascript: Atraso de 5 Segundos"}]},{"@type":"WebSite","@id":"https:\/\/fluency.io\/br\/#website","url":"https:\/\/fluency.io\/br\/","name":"Fluency.io Brasil","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fluency.io\/br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a","name":"kaue","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/fluency.io\/br\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g","caption":"kaue"}}]}},"_links":{"self":[{"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/posts\/114764","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/comments?post=114764"}],"version-history":[{"count":0,"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/posts\/114764\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fluency.io\/br\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/media?parent=114764"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/categories?post=114764"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/tags?post=114764"},{"taxonomy":"format","embeddable":true,"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/format?post=114764"},{"taxonomy":"trilha","embeddable":true,"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/trilha?post=114764"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}