{"id":1146,"date":"2020-11-01T17:41:58","date_gmt":"2020-11-01T17:41:58","guid":{"rendered":"https:\/\/www.leandroip.com\/?p=1146"},"modified":"2020-11-01T17:48:30","modified_gmt":"2020-11-01T17:48:30","slug":"contador-javascript-para-redirecionar-pagina","status":"publish","type":"post","link":"https:\/\/www.leandroip.com\/?p=1146","title":{"rendered":"Contador Javascript para Redirecionar P\u00e1gina"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Esse \u00e9 um post r\u00e1pido s\u00f3 pra deixar um exemplo de um contador regressivo que faz um redirecionamento de p\u00e1gina ao final da contagem.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ent\u00e3o vamos direto ao c\u00f3digo =]<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;html&gt;\n  &lt;head&gt;\n    &lt;title&gt;Contador regressivo&lt;\/title&gt;\n  &lt;\/head&gt;\n&lt;body&gt;\n\n&lt;h1 id=&quot;counterarea&quot;&gt;&lt;\/h1&gt;\n\n&lt;script&gt;\n\nvar counter;\ncounter = 7;\nsetInterval(function () {\n  counter = counter - 1;\n  document.getElementById(&quot;counterarea&quot;).innerHTML = counter;\n  if(counter === 0){\n    window.location.href = &#39;https:\/\/www.leandroip.com&#39;;\n  }\n}, 1000);\n\n&lt;\/script&gt;\n&lt;\/body\n&lt;\/html&gt;<\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Um trechinho de html para dar a estrutura da p\u00e1gina \u00e9 necess\u00e1ria. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">  <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>A linha <code>&lt;h1 id=\"counterarea\">&lt;\/h1><\/code> \u00e9 o elemento HTML no qual colocaremos o valor do contador. Colocamos o id counterarea para localizarmos o elemento mais tarde.<\/li><li>A fun\u00e7\u00e3o <code>setInterval(function, time)<\/code> do javascript faz o trabalho de chamar a fun\u00e7\u00e3o que vamos definir em intervalos regulares de tempo, nesse caso usamos 1000, que significa 1000 millisegundos (ou 1 segundo).<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"> <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Esse \u00e9 um post r\u00e1pido s\u00f3 pra deixar um exemplo de um contador regressivo que [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1150,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-1146","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sistemas-web","entry","grid"],"_links":{"self":[{"href":"https:\/\/www.leandroip.com\/index.php?rest_route=\/wp\/v2\/posts\/1146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.leandroip.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.leandroip.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.leandroip.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.leandroip.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1146"}],"version-history":[{"count":3,"href":"https:\/\/www.leandroip.com\/index.php?rest_route=\/wp\/v2\/posts\/1146\/revisions"}],"predecessor-version":[{"id":1149,"href":"https:\/\/www.leandroip.com\/index.php?rest_route=\/wp\/v2\/posts\/1146\/revisions\/1149"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.leandroip.com\/index.php?rest_route=\/wp\/v2\/media\/1150"}],"wp:attachment":[{"href":"https:\/\/www.leandroip.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1146"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.leandroip.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1146"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.leandroip.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}