Em JavaScript, há situações em que precisamos garantir que o conteúdo inserido em um determinado site seja preciso e atualizado. Por exemplo, é necessário exibir o conteúdo mais recente em uma página da Web enquanto preenche um formulário longo e observa as novas alterações ou quando você deseja testar um site. Nesses casos, a atualização automática de uma página da Web a cada 5 segundos usando JavaScript é muito útil para lidar com esses tipos de situações.
Este artigo discutirá os métodos para atualizar automaticamente uma página da Web a cada 5 segundos usando JavaScript.
VIDEO
Como atualizar automaticamente a página da Web a cada 5 segundos usando JavaScript?
Para atualizar automaticamente uma página da Web a cada 5 segundos usando JavaScript, as seguintes abordagens podem ser utilizadas:
Percorra os métodos discutidos um por um!
Método 1: Atualizar automaticamente a página da Web a cada 5 segundos em JavaScript usando os métodos setInterval() e document.querySelector()
O ' setInterval() ” acessa uma função em um intervalo de tempo especificado e o método “ document.querySelector() ” obtém o primeiro elemento que corresponde a um seletor CSS. Esses métodos podem ser usados em combinação para acessar a tag de título específica e definir o intervalo de tempo para uma funcionalidade necessária com a ajuda de um cronômetro.
Sintaxe
setInterval ( função, milissegundos, par1, par2 )
Na sintaxe acima, “ função ” refere-se à função que precisa ser acessada, “ milissegundos ” é o intervalo de tempo específico para executar, e “ par 1 ' e ' par2 ” são os parâmetros adicionais.
seletor de consulta ( CSS )
Aqui, ' Seletores CSS ” representam um ou mais seletores CSS.
Confira o exemplo a seguir.
Exemplo
Primeiro, especifique um título e um cabeçalho nas tags
e <h2>, respectivamente:</p>
<span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> título</span></a> ></span> Atualização da página a cada 5 segundos<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> título</span></a> ></span> <br>
<span class="sc2"> < <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> h2</span></a> <span class="kw3"> estilo</span><span class="sy0"> =</span><span class="st0"> 'text-align: left'</span> ></span> Atualizar automaticamente a página<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> h2</span></a> ></span>
<p> Agora, defina um valor de temporizador como “ <strong> 1</strong> ”:</p> deixe o temporizador<span class="sy0"> =</span> <span class="nu0"> 1</span><span class="sy0"> ;</span>
<p> Depois disso, aplique o “ <strong> setInterval()</strong> ” método com um “ <strong> 1000ms</strong> ' valor. Isso incrementará o cronômetro a cada segundo. Além disso, acesse o cabeçalho especificado para exibi-lo no “ <strong> Modelo de Objeto de Documento (DOM)</strong> ” no final do valor do temporizador definido.</p>
<p> Finalmente, itere o valor de timer com o incremento de “ <strong> 1</strong> ' usando ' <strong> ++</strong> ” pós-incremento e aplique uma condição de tal forma que se o valor exceder 5, o “ <strong> localização.recarregar()</strong> ” resultará no recarregamento da janela:</p> setInterval<span class="br0"> (</span><span class="br0"> (</span><span class="br0"> )</span> <span class="sy0"> =></span> <span class="br0"> {</span> <br> documento.<span class="me1"> seletor de consulta</span><span class="br0"> (</span><span class="st0"> 'h2'</span><span class="br0"> )</span> .<span class="me1"> Texto interno</span><span class="sy0"> =</span> cronômetro<span class="sy0"> ;</span> <br> cronômetro<span class="sy0"> ++;</span> <br> <span class="kw1"> E se</span><span class="br0"> (</span> cronômetro<span class="sy0"> ></span><span class="nu0"> 5</span><span class="br0"> )</span> <br> localização.<span class="me1"> recarregar</span><span class="br0"> (</span><span class="br0"> )</span><span class="sy0"> ;</span> <br>
<span class="br0"> }</span> ,<span class="nu0"> 1000</span><span class="br0"> )</span><span class="sy0"> ;</span>
<p> Pode-se ver que nossa página da web recebe atualização automática a cada cinco segundos:</p>
<p> <img class="wp-image-238673" src="https://softoban.com/img/other/A8/how-to-auto-refresh-web-page-every-5-seconds-using-javascript-1.gif"></p>
<h2 id="2"> <strong> Método 2: atualização automática da página da Web a cada 5 segundos em JavaScript usando o evento onload</strong> </h2>
<p> O ' <strong> carregando</strong> ” é acionado quando um objeto é carregado. Essa técnica pode ser implementada para atualizar a página com a ajuda de uma função definida pelo usuário quando a página da Web é carregada.</p>
<p> <strong> Sintaxe</strong> </p> objeto.<span class="me1"> carregando</span> <span class="sy0"> =</span> atualizar a página<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> meuScript<span class="br0"> }</span><span class="sy0"> ;</span>
<p> Na sintaxe dada, “ <strong> função</strong> ” refere-se à função que precisa ser invocada quando o objeto é carregado.</p>
<p> Veja o exemplo a seguir.</p>
<h3> <strong> Exemplo</strong> </h3>
<p> Em primeiro lugar, inclua um título e cabeçalho conforme discutido no método anterior:</p>
<span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> título</span></a> ></span> Atualização da página a cada 5 segundos<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> título</span></a> ></span> <br>
<span class="sc2"> < <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> h2</span></a> ></span> Atualizar automaticamente a página<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> h2</span></a> ></span>
<p> Agora, aplique o “ <strong> carregando</strong> ” e invoque a função “ <strong> atualizar a página()</strong> ” e passe “ <strong> 5000</strong> ” como argumento que indica um intervalo de tempo de cinco segundos:</p>
<span class="sy0"> <</span> corpo em carga<span class="sy0"> =</span> <span class="st0"> 'JavaScript:refreshPage(5000);'</span><span class="sy0"> ></span> <br>
<br>
<span class="sy0"> </</span> corpo<span class="sy0"> ></span>
<p> Por fim, defina uma função chamada “ <strong> atualizar a página()</strong> ' com ' <strong> t</strong> ” como um argumento que se refere ao tempo definido para a atualização automática da página da web. O ' <strong> localização.recarregar()</strong> ” irá recarregar a página após o tempo especificado:</p> função atualizarPágina<span class="br0"> (</span> t<span class="br0"> )</span><span class="br0"> {</span> <br>
<br> setTimeout<span class="br0"> (</span><span class="st0"> 'location.reload(true);'</span> , t<span class="br0"> )</span><span class="sy0"> ;</span> <br>
<br>
<span class="br0"> }</span>
<p> <strong> Resultado</strong> </p>
<p> <img class="wp-image-238674" src="https://softoban.com/img/other/A8/how-to-auto-refresh-web-page-every-5-seconds-using-javascript-2.gif"></p>
<h2 id="3"> <strong> Método 3: atualização automática da página da Web a cada 5 segundos em JavaScript usando o método setTimeout()</strong> </h2>
<p> O ' <strong> setTimeout()</strong> ” invoca uma função após um tempo definido especificado. Esse método pode ser aplicado para recarregar uma página da Web após um tempo limite definido específico.</p>
<p> <strong> Sintaxe</strong> </p> setTimeout<span class="br0"> (</span> função, milissegundos, par1, par2<span class="br0"> )</span>
<p> Na sintaxe dada, “ <strong> função</strong> ” refere-se à função a ser acessada, “ <strong> milissegundos</strong> ” é o intervalo de tempo específico para executar, e “ <strong> par 1</strong> ”, “ <strong> par2</strong> ” são os parâmetros adicionais.</p>
<h3> <strong> Exemplo</strong> </h3>
<p> Na tag de script da página HTML, aplique o “ <strong> setTimeout()</strong> ” de tal forma que quando 5 segundos são passados, o método location.reload() recarrega a página da web:</p>
<span class="sy0"> <</span> roteiro<span class="sy0"> ></span> <br>
<br> setTimeout<span class="br0"> (</span><span class="st0"> 'location.reload(true);'</span> ,<span class="nu0"> 5000</span><span class="br0"> )</span><span class="sy0"> ;</span> <br>
<br>
<span class="sy0"> </</span> roteiro<span class="sy0"> ></span>
<p> <strong> Resultado</strong> </p>
<p> <img class="wp-image-238675" src="https://softoban.com/img/other/A8/how-to-auto-refresh-web-page-every-5-seconds-using-javascript-3.gif"></p>
<p> Discutimos todos os métodos convenientes para atualizar automaticamente uma página da Web a cada 5 segundos usando JavaScript.</p>
<h2> <strong> Conclusão</strong> </h2>
<p> Para atualizar automaticamente uma página da web a cada 5 segundos usando JavaScript, utilize o “ <strong> setInterval()</strong> ' e ' <strong> document.querySelector()</strong> ” métodos para ajustar o valor do temporizador, o “ <strong> atualizar()</strong> ” para atualizar uma página da Web ou o método “ <strong> setTimeout()</strong> ” para definir um limite de atualização de tempo limite específico de uma página da web. Este artigo demonstrou os métodos para atualizar automaticamente uma página da Web a cada 5 segundos usando JavaScript.</p>
</article>
<div class="d-flex justify-content-center">
<script type="text/javascript">(function() {
if (window.pluso)if (typeof window.pluso.start == "function") return;
if (window.ifpluso==undefined) { window.ifpluso = 1;
var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js';
var h=d[g]('body')[0];
h.appendChild(s);
}})();</script>
<div class="pluso" data-background="transparent" data-options="big,round,line,horizontal,nocounter,theme=06" data-services="facebook,twitter,email,print"></div>
</div>
<div class="tag-widget post-tag-container mb-5 mt-5">
<div class="tagcloud">
<a href="/outro/" class="tag-cloud-link">Outro</a>
</div>
</div>
</div><!-- END-->
</div>
<div class="col-lg-4 sidebar ftco-animate bg-light pt-5">
<div class="sidebar-box ftco-animate">
<h3 class="sidebar-heading">Categoria</h3>
<ul class="categories">
<li> <a href="/raspberry-pi/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">De Outros</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Ampliação</a> </li><li> <a href="/cinnamon/">Canela</a> </li><li> <a href="/reviews/">Avaliações</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Rádio</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">Compressão</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Aircrack</a> </li><li> <a href="/office-productivity-software/">Software De Produtividade De Escritório</a> </li><li> <a href="/boot/">Bota</a> </li><li> <a href="/system-calls/">Chamadas De Sistema</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Networking</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">Plex</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Docker</a> </li><li> <a href="/firewall/">Firewall</a> </li><li> <a href="/wireshark/">Wirehark</a> </li><li> <a href="/synology/">Sinologia</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Parrot Os</a> </li><li> <a href="/sublime/">Sublime</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hiper-V</a> </li><li> <a href="/phone/">Telefone</a> </li><li> <a href="/kodi/">Código</a> </li><li> <a href="/gnome/">Gnomo</a> </li><li> <a href="/manjaro/">Delicadeza</a> </li><li> <a href="/mouse/">Mouse</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Torrente</a> </li><li> <a href="/tablet/">Tábua</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Ondulação</a> </li><li> <a href="/kde/">Onde</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Fontes</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Imagens</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Lula</a> </li><li> <a href="/mate/">Amigo</a> </li><li> <a href="/vlc-media-player/">Vlc Media Player</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Teclado</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Criptografia</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Scanner</a> </li><li> <a href="/atom/">Átomo</a> </li><li> <a href="/red-hat/">Chapéu Vermelho</a> </li><li> <a href="/teamviewer/">Teamviewer</a> </li><li> <a href="/skype/">Skype</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Notebook Jupyter</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Blog</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Players De Mídia</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Vapor</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Potência</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Sqm</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Pegada</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odisséia</a> </li><li> <a href="/audio/">Áudio</a> </li><li> <a href="/cpu/">Cpu</a> </li><li> <a href="/tensorflow/">Tensorflow</a> </li><li> <a href="/autodesk/">Autodesk</a> </li><li> <a href="/lubuntu/">Lubuntu</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Janelas</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Legado)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Escritório</a> </li><li> <a href="/outro/">Outro</a> </li><li> <a href="/webcam/">Webcam</a> </li><li> <a href="/players-de-midia/">players de mídia</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/de-outros/">De outros</a> </li><li> <a href="/gnomo/">gnomo</a> </li><li> <a href="/bota/">bota</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/proxima-nuvem/">próxima nuvem</a> </li><li> <a href="/virtude/">virtude</a> </li><li> <a href="/passagem-usb/">passagem USB</a> </li><li> <a href="/modo-de-seguranca/">#modo de segurança</a> </li><li> <a href="/passagem-de-dispositivo/">passagem de dispositivo</a> </li><li> <a href="/sdn/">SDN</a> </li>
</ul>
</div>
<div class="sidebar-box ftco-animate">
<h3 class="sidebar-heading">Publicações Populares</h3>
<div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/49/windows-10-kb5014023-released-install-the-update-for-performance-and-fixes-1.jpg);"></a>
<div class="text">
<h3 class="heading"> <a href="/windows-10-kb5014023-lancado-instale-a-atualizacao-para-desempenho-e-correcoes">Windows 10 KB5014023 lançado, instale a atualização para desempenho e correções</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/3F/what-is-oracle-sql-plus-and-what-is-it-used-for-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/o-que-e-oracle-sql-plus-e-para-que-e-usado">O que é Oracle SQL*Plus e para que é usado?</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/B5/vector-erase-function-in-c-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/funcao-vector-erase-em-c">Função Vector Erase() em C++</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/BB/list-of-10-best-data-science-books-and-descriptions-for-the-generalist-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/lista-dos-10-melhores-livros-e-descricoes-de-ciencia-de-dados-para-o-generalista">Lista dos 10 melhores livros e descrições de ciência de dados para o generalista</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/6A/how-to-scan-qr-code-on-a-laptop-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/como-digitalizar-o-codigo-qr-em-um-laptop">Como digitalizar o código QR em um laptop</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/0A/how-to-make-rows-span-in-tailwind-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/como-fazer-linhas-se-estenderem-no-tailwind">Como fazer linhas se estenderem no Tailwind?</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/73/sort-the-dataframe-in-r-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/classifique-o-dataframe-em-r">Classifique o DataFrame em R</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/B8/how-to-download-and-install-google-play-store-on-windows-11-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/como-baixar-e-instalar-a-google-play-store-no-windows-11">Como baixar e instalar a Google Play Store no Windows 11?</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/FE/how-to-create-and-use-python-generators-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/como-criar-e-usar-geradores-python">Como criar e usar geradores Python</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/35/how-to-generate-ai-face-using-ai-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/como-gerar-rosto-de-ia-usando-ia">Como gerar rosto de IA usando IA?</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/13/sql-like-operator-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/operador-sql-like">Operador SQL LIKE</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/77/how-to-solve-no-internet-secured-wi-fi-problem-in-windows-10-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/como-resolver-o-problema-de-wi-fi-sem-internet-seguro-no-windows-10">Como resolver o problema de Wi-Fi “Sem Internet, seguro” no Windows 10</a> </h3>
<div class="meta">
<div> <a href="/de-outros/"><span class="icon-chat"></span> De outros</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/ED/how-to-troubleshoot-webcam-black-screen-issues-on-windows-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/como-solucionar-problemas-de-tela-preta-da-webcam-no-windows">Como solucionar problemas de tela preta da webcam no Windows?</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C7/what-are-the-s3-bucket-s-restrictions-and-limitations-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/quais-sao-as-restricoes-e-limitacoes-do-bucket-s3">Quais são as restrições e limitações do Bucket S3?</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/5F/tkinter-progress-bar-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/barra-de-progresso-tkinter">Barra de progresso Tkinter</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/AE/get-childitem-listing-files-registry-and-certificates-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/get-childitem-listando-arquivos-registro-e-certificados">Get-ChildItem: listando arquivos, registro e certificados</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/52/what-are-structures-in-golang-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/o-que-sao-estruturas-em-golang">O que são estruturas em Golang</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/FE/how-to-enhance-data-handling-with-pydantic-dataclasses-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/como-aprimorar-o-tratamento-de-dados-com-classes-de-dados-pydantic">Como aprimorar o tratamento de dados com classes de dados Pydantic</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C8/what-exactly-is-an-html-internal-link-1.gif);"></a>
<div class="text">
<h3 class="heading"> <a href="/o-que-exatamente-e-um-link-interno-html">O que exatamente é um link interno HTML?</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/4A/atan-c-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/e-c">E C++</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div>
</div>
</div>
</div><!-- END COL -->
</div>
</section>
</div><!-- END COLORLIB-MAIN -->
</div><!-- END COLORLIB-PAGE -->
<!-- loader -->
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>
<script src="https://softoban.com/template/js/jquery.min.js"></script>
<script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script>
<script src="https://softoban.com/template/js/popper.min.js"></script>
<script src="https://softoban.com/template/js/bootstrap.min.js"></script>
<script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script>
<script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script>
<script src="https://softoban.com/template/js/jquery.stellar.min.js"></script>
<script src="https://softoban.com/template/js/owl.carousel.min.js"></script>
<script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script>
<script src="https://softoban.com/template/js/aos.js"></script>
<script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script>
<script src="https://softoban.com/template/js/scrollax.min.js"></script>
<script src="https://softoban.com/template/js/main.js"></script>
<script async="" defer="" src="//www.instagram.com/embed.js"></script>
<script async="" src="https://platform.twitter.com/widgets.js"></script>
<script>
window.onload = function(){
for(i in document.images)
{
if(document.images[i].naturalWidth==0){
if(window.location.pathname.length > 1){
document.images[i].style="display:none"
}
else
{
document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
}
}
}
}
$(document).ready(() => {
$('nav').find('a').each(function(){
if($(this).attr('href') == window.location.pathname){
$(this).parent('li').addClass('active')
}
})
var wrapper = '<div class="embeded-video"></div>';
if($('iframe[width="560"]').length > 1){
$('.m_v').remove();
}else{
}
$('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper);
let loc = window.location.pathname;
if(loc == '/privacy-policy'){
$('div.embeded-video').remove();
$('blockquote').remove();
}
})
</script>
<script type="text/javascript" src="https://s.skimresources.com/js/192355X1670518.skimlinks.js"></script></body>
</html>