In JavaScript, ci sono situazioni in cui dobbiamo assicurarci che il contenuto inserito su un determinato sito sia accurato e aggiornato. Ad esempio, è necessario visualizzare i contenuti più recenti su una pagina Web durante la compilazione di un lungo modulo e l'osservazione delle nuove modifiche o quando si desidera testare un sito Web. In questi casi, l'aggiornamento automatico di una pagina Web ogni 5 secondi utilizzando JavaScript è molto utile per far fronte a questo tipo di situazioni.
Questo articolo discuterà i metodi per aggiornare automaticamente una pagina Web ogni 5 secondi utilizzando JavaScript.
VIDEO
Come aggiornare automaticamente la pagina Web ogni 5 secondi utilizzando JavaScript?
Per aggiornare automaticamente una pagina Web ogni 5 secondi utilizzando JavaScript, è possibile utilizzare i seguenti approcci:
Passa attraverso i metodi discussi uno per uno!
Metodo 1: aggiornamento automatico della pagina Web ogni 5 secondi in JavaScript utilizzando i metodi setInterval() e document.querySelector()
Il ' setInterval() Il metodo ” accede a una funzione a un intervallo di tempo specificato e il “ document.querySelector() Il metodo ” ottiene il primo elemento che corrisponde a un selettore CSS. Questi metodi possono essere utilizzati in combinazione per accedere al tag di intestazione specifico e impostare l'intervallo di tempo su una funzionalità richiesta con l'aiuto di un timer.
Sintassi
setInterval ( funzione, millisecondi, par1, par2 )
Nella sintassi sopra, ' funzione ” si riferisce alla funzione a cui occorre accedere, “ millisecondi ” è l'intervallo di tempo specifico da eseguire e “ coppia 1 ' e ' par2 ” sono i parametri aggiuntivi.
querySelector ( CSS )
Qui, ' Selettori CSS ” rappresentano uno o più selettori CSS.
Dai un'occhiata al seguente esempio.
Esempio
Innanzitutto, specifica un titolo e un'intestazione nei tag
e <h2>, rispettivamente:</p>
<span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> titolo</span></a> ></span> Aggiornamento della pagina ogni 5 secondi<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> titolo</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"> stile</span><span class="sy0"> =</span><span class="st0"> 'text-align: sinistra'</span> ></span> Aggiorna automaticamente la pagina<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> Ora, imposta un valore del timer come ' <strong> 1</strong> ”:</p> lascia timer<span class="sy0"> =</span> <span class="nu0"> 1</span><span class="sy0"> ;</span>
<p> Successivamente, applica il ' <strong> setInterval()</strong> ” metodo con un “ <strong> 1000 ms</strong> ' valore. Questo incrementerà il timer ogni secondo. Inoltre, accedi all'intestazione specificata per visualizzarla sul ' <strong> Document Object Model (DOM)</strong> ” al termine del valore del timer impostato.</p>
<p> Infine, itera il valore di timer con l'incremento di ' <strong> 1</strong> ” usando “ <strong> ++</strong> ” operatore di post-incremento e applicare una condizione in modo tale che se il valore supera 5, il “ <strong> posizione.ricarica()</strong> ” comporterà il ricaricamento della finestra:</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"> querySelector</span><span class="br0"> (</span><span class="st0"> 'h2'</span><span class="br0"> )</span> .<span class="me1"> testo interno</span><span class="sy0"> =</span> Timer<span class="sy0"> ;</span> <br> Timer<span class="sy0"> ++;</span> <br> <span class="kw1"> Se</span><span class="br0"> (</span> Timer<span class="sy0"> ></span><span class="nu0"> 5</span><span class="br0"> )</span> <br> Posizione.<span class="me1"> ricaricare</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> Si può vedere che la nostra pagina web viene aggiornata automaticamente ogni cinque secondi:</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> Metodo 2: aggiornamento automatico della pagina Web ogni 5 secondi in JavaScript utilizzando l'evento onload</strong> </h2>
<p> Il ' <strong> caricare</strong> ” viene attivato quando un oggetto è stato caricato. Questa tecnica può essere implementata per aggiornare la pagina con l'aiuto di una funzione definita dall'utente quando la pagina web viene caricata.</p>
<p> <strong> Sintassi</strong> </p> oggetto.<span class="me1"> caricare</span> <span class="sy0"> =</span> aggiorna pagina<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> mioScript<span class="br0"> }</span><span class="sy0"> ;</span>
<p> Nella sintassi data, ' <strong> funzione</strong> ” si riferisce alla funzione che deve essere richiamata quando l'oggetto viene caricato.</p>
<p> Guarda il seguente esempio.</p>
<h3> <strong> Esempio</strong> </h3>
<p> In primo luogo, includi un titolo e un'intestazione come discusso nel metodo precedente:</p>
<span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> titolo</span></a> ></span> Aggiornamento della pagina ogni 5 secondi<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> titolo</span></a> ></span> <br>
<span class="sc2"> < <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> h2</span></a> ></span> Aggiorna automaticamente la pagina<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> Ora, applica il ' <strong> caricare</strong> ” evento e invocare la funzione “ <strong> aggiorna pagina()</strong> ' e passa ' <strong> 5000</strong> ” come argomento che indica un intervallo di tempo di cinque secondi:</p>
<span class="sy0"> <</span> carico corporeo<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> Infine, definisci una funzione denominata “ <strong> aggiorna pagina()</strong> ' insieme a ' <strong> t</strong> ” come argomento che si riferisce al tempo impostato per l'aggiornamento automatico della pagina web. Il ' <strong> posizione.ricarica()</strong> ” ricaricherà la pagina dopo il tempo specificato:</p> funzione refreshPage<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> Produzione</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> Metodo 3: aggiornamento automatico della pagina Web ogni 5 secondi in JavaScript utilizzando il metodo setTimeout()</strong> </h2>
<p> Il ' <strong> setTimeout()</strong> Il metodo ” richiama una funzione dopo un determinato periodo di tempo. Questo metodo può essere applicato per ricaricare una pagina Web dopo un determinato timeout.</p>
<p> <strong> Sintassi</strong> </p> setTimeout<span class="br0"> (</span> funzione, millisecondi, par1, par2<span class="br0"> )</span>
<p> Nella sintassi data, ' <strong> funzione</strong> ” si riferisce alla funzione a cui accedere, “ <strong> millisecondi</strong> ” è l'intervallo di tempo specifico da eseguire e “ <strong> coppia 1</strong> ”, “ <strong> par2</strong> ” sono i parametri aggiuntivi.</p>
<h3> <strong> Esempio</strong> </h3>
<p> Nel tag script della pagina HTML, applica il ' <strong> setTimeout()</strong> ” in questo modo, quando vengono trascorsi 5 secondi, il metodo location.reload() ricarica la pagina web:</p>
<span class="sy0"> <</span> sceneggiatura<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> sceneggiatura<span class="sy0"> ></span>
<p> <strong> Produzione</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> Abbiamo discusso di tutti i metodi convenienti per aggiornare automaticamente una pagina Web ogni 5 secondi utilizzando JavaScript.</p>
<h2> <strong> Conclusione</strong> </h2>
<p> Per aggiornare automaticamente una pagina Web ogni 5 secondi utilizzando JavaScript, utilizzare il ' <strong> setInterval()</strong> ' e ' <strong> document.querySelector()</strong> ” metodi per regolare il valore del timer, il “ <strong> ricaricare()</strong> ” per aggiornare una pagina web, o “ <strong> setTimeout()</strong> ” metodo per impostare un limite di aggiornamento di timeout specifico di una pagina Web. Questo articolo ha dimostrato i metodi per aggiornare automaticamente una pagina Web ogni 5 secondi utilizzando 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="/altro/" class="tag-cloud-link">Altro</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/">Lampone Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Altro</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Ingrandisci</a> </li><li> <a href="/cinnamon/">Cannella</a> </li><li> <a href="/reviews/">Recensioni</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Radio</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/">Compressione</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Crepa D'aria</a> </li><li> <a href="/office-productivity-software/">Software Per La Produttività In Ufficio</a> </li><li> <a href="/boot/">Avvio</a> </li><li> <a href="/system-calls/">Chiamate Di Sistema</a> </li><li> <a href="/sysctl/">Sistema</a> </li><li> <a href="/networking/">Rete</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">Plexi</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/">Wireshark</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/">Sistema Operativo Pappagallo</a> </li><li> <a href="/sublime/">Sublime</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Iper-V</a> </li><li> <a href="/phone/">Telefono</a> </li><li> <a href="/kodi/">Codice</a> </li><li> <a href="/gnome/">Gnomo</a> </li><li> <a href="/manjaro/">Delicatezza</a> </li><li> <a href="/mouse/">Topo</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasfruttamento</a> </li><li> <a href="/torrent/">Torrent</a> </li><li> <a href="/tablet/">Tavoletta</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Arricciare</a> </li><li> <a href="/kde/">Dove</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Caratteri</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Immagini</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Calamaro</a> </li><li> <a href="/mate/">Compagno</a> </li><li> <a href="/vlc-media-player/">Lettore Multimediale Vlc</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Tastiera Del Computer</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Crittografia</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/">Atomo</a> </li><li> <a href="/red-hat/">Cappello Rosso</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/">Taccuino 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/">Lettori Multimediali</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Vapore</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Potenza</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Mq</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Presa</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odissea</a> </li><li> <a href="/audio/">Audio</a> </li><li> <a href="/cpu/">Processore</a> </li><li> <a href="/tensorflow/">Flusso Tensoriale</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/">Finestre</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Legacy)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Ufficio</a> </li><li> <a href="/altro/">Altro</a> </li><li> <a href="/lampone-pi/">Lampone Pi</a> </li><li> <a href="/webcam/">webcam</a> </li><li> <a href="/lettori-multimediali/">lettori multimediali</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/gnomo/">gnomo</a> </li><li> <a href="/stivale/">stivale</a> </li><li> <a href="/tutorial/">Tutorial</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">nextcloud</a> </li><li> <a href="/virtu/">virtù</a> </li><li> <a href="/passthrough-usb/">passthrough USB</a> </li><li> <a href="/cappello-di-feltro/">cappello di feltro</a> </li><li> <a href="/avvio-sicuro/">#avvio sicuro</a> </li>
</ul>
</div>
<div class="sidebar-box ftco-animate">
<h3 class="sidebar-heading">Messaggi Popolari</h3>
<div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/windows/51/fix-explorer-exe-errorthis-file-does-not-have-program-associated-with-itin-windows-7.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/fix-explorer-exe-errorthis-file-does-not-have-program-associated-with-itin-windows-7">Correggi l'errore Explorer.exe 'Questo file non ha un programma associato' in Windows 7 o 8 - Winhelponline</a> </h3>
<div class="meta">
<div> <a href="/windows/"><span class="icon-chat"></span> Finestre</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/A2/how-to-enable-and-use-android-accessibility-features-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/come-abilitare-e-utilizzare-le-funzionalita-di-accessibilita-android">Come abilitare e utilizzare le funzionalità di accessibilità Android</a> </h3>
<div class="meta">
<div> <a href="/altro/"><span class="icon-chat"></span> Altro</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/4B/how-to-check-if-crontab-is-working-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/come-verificare-se-crontab-funziona">Come verificare se Crontab funziona</a> </h3>
<div class="meta">
<div> <a href="/altro/"><span class="icon-chat"></span> Altro</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/BD/what-is-minecraft-cartographer-profession-of-villagers-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/cos-e-il-cartografo-di-minecraft-professione-degli-abitanti-dei-villaggi">Cos'è il cartografo di Minecraft - Professione degli abitanti dei villaggi</a> </h3>
<div class="meta">
<div> <a href="/altro/"><span class="icon-chat"></span> Altro</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/CD/how-to-scroll-to-an-element-using-javascript-1.gif);"></a>
<div class="text">
<h3 class="heading"> <a href="/come-scorrere-a-un-elemento-utilizzando-javascript">Come scorrere a un elemento utilizzando JavaScript</a> </h3>
<div class="meta">
<div> <a href="/altro/"><span class="icon-chat"></span> Altro</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/43/what-is-asynchronous-control-flow-in-node-js-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/cos-e-il-flusso-di-controllo-asincrono-in-node-js">Cos'è il flusso di controllo asincrono in Node.js?</a> </h3>
<div class="meta">
<div> <a href="/altro/"><span class="icon-chat"></span> Altro</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/49/how-to-set-up-custom-tag-in-discord-nitro-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/come-impostare-un-tag-personalizzato-in-discord-nitro">Come impostare un tag personalizzato in Discord Nitro</a> </h3>
<div class="meta">
<div> <a href="/altro/"><span class="icon-chat"></span> Altro</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/04/c-linq-lambda-expressions-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/espressioni-lambda-c-linq">Espressioni Lambda C# LINQ</a> </h3>
<div class="meta">
<div> <a href="/altro/"><span class="icon-chat"></span> Altro</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/89/how-to-use-the-sql-server-roles-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/come-utilizzare-i-ruoli-di-sql-server">Come utilizzare i ruoli di SQL Server</a> </h3>
<div class="meta">
<div> <a href="/altro/"><span class="icon-chat"></span> Altro</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/CB/how-to-install-deb-packages-on-ubuntu-debian-linux-mint-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/come-installare-i-pacchetti-deb-su-ubuntu-debian-linux-mint">Come installare i pacchetti DEB su Ubuntu/Debian/Linux Mint</a> </h3>
<div class="meta">
<div> <a href="/altro/"><span class="icon-chat"></span> Altro</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/DC/check-if-object-is-not-instanceof-class-in-javascript-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/controlla-se-object-non-e-un-istanza-di-class-in-javascript">Controlla se Object non è un'istanza di Class in JavaScript</a> </h3>
<div class="meta">
<div> <a href="/altro/"><span class="icon-chat"></span> Altro</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/70/how-to-configure-template-paths-in-tailwind-css-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/come-configurare-i-percorsi-dei-modelli-in-tailwind-css">Come configurare i percorsi dei modelli in Tailwind CSS</a> </h3>
<div class="meta">
<div> <a href="/altro/"><span class="icon-chat"></span> Altro</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/DE/how-to-find-torchflower-and-pitcher-plant-in-minecraft-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/come-trovare-il-fiore-fiaccola-e-la-pianta-carnivora-in-minecraft">Come trovare il fiore fiaccola e la pianta carnivora in Minecraft</a> </h3>
<div class="meta">
<div> <a href="/altro/"><span class="icon-chat"></span> Altro</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/56/how-to-pass-arguments-to-methods-in-java-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/come-passare-argomenti-ai-metodi-in-java">Come passare argomenti ai metodi in Java?</a> </h3>
<div class="meta">
<div> <a href="/altro/"><span class="icon-chat"></span> Altro</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/78/how-to-set-up-css-animation-keyframes-1.gif);"></a>
<div class="text">
<h3 class="heading"> <a href="/come-impostare-i-fotogrammi-chiave-di-animazione-css">Come impostare i fotogrammi chiave di animazione CSS</a> </h3>
<div class="meta">
<div> <a href="/altro/"><span class="icon-chat"></span> Altro</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/0F/linux-mint-vs-windows-10-speed-test-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/test-di-velocita-di-linux-mint-contro-windows-10">Test di velocità di Linux Mint contro Windows 10</a> </h3>
<div class="meta">
<div> <a href="/altro/"><span class="icon-chat"></span> Altro</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/7A/how-to-use-the-powershell-expand-property-for-select-object-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/come-utilizzare-la-proprieta-expand-di-powershell-per-select-object">Come utilizzare la proprietà Expand di PowerShell per Select-Object</a> </h3>
<div class="meta">
<div> <a href="/altro/"><span class="icon-chat"></span> Altro</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/A0/understanding-blocking-in-node-js-1.gif);"></a>
<div class="text">
<h3 class="heading"> <a href="/comprendere-il-blocco-in-node-js">Comprendere il blocco in Node.js?</a> </h3>
<div class="meta">
<div> <a href="/altro/"><span class="icon-chat"></span> Altro</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/E5/transitions-on-the-css-display-property-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/transizioni-sulla-proprieta-display-css">Transizioni sulla proprietà display CSS</a> </h3>
<div class="meta">
<div> <a href="/altro/"><span class="icon-chat"></span> Altro</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/67/how-to-install-gnome-screenshot-utility-on-raspberry-pi-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/come-installare-gnome-screenshot-utility-su-raspberry-pi">Come installare GNOME Screenshot Utility su Raspberry Pi</a> </h3>
<div class="meta">
<div> <a href="/altro/"><span class="icon-chat"></span> Altro</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>