A JavaScript, hi ha situacions en què hem d'assegurar-nos que el contingut introduït en un lloc determinat sigui precís i actualitzat. Per exemple, cal mostrar el contingut més recent en una pàgina web mentre empleneu un formulari llarg i observeu els nous canvis o quan voleu provar un lloc web. En aquests casos, l'actualització automàtica d'una pàgina web cada 5 segons amb JavaScript és molt útil per fer front a aquest tipus de situacions.
Aquest article tractarà els mètodes per actualitzar automàticament una pàgina web cada 5 segons mitjançant JavaScript.
VIDEO
Com actualitzar automàticament la pàgina web cada 5 segons amb JavaScript?
Per actualitzar automàticament una pàgina web cada 5 segons mitjançant JavaScript, es poden utilitzar els enfocaments següents:
Revisa els mètodes comentats un per un!
Mètode 1: Actualització automàtica de la pàgina web cada 5 segons en JavaScript mitjançant els mètodes setInterval() i document.querySelector()
El ' setInterval() ” accedeix a una funció en un interval de temps especificat i el “ document.querySelector() ” obté el primer element que coincideix amb un selector CSS. Aquests mètodes es poden utilitzar en combinació per accedir a l'etiqueta d'encapçalament específica i establir l'interval de temps a una funcionalitat requerida amb l'ajuda d'un temporitzador.
Sintaxi
setInterval ( funció, mil·lisegons, par1, par2 )
En la sintaxi anterior, ' funció ' fa referència a la funció a la qual cal accedir, ' mil·lisegons ' és l'interval de temps específic per executar i ' parella 1 ' i ' par2 ” són els paràmetres addicionals.
querySelector ( CSS )
Aquí, ' Selectors CSS ” representen un o més d'un selector CSS.
Consulteu l'exemple següent.
Exemple
Primer, especifiqueu un títol i un encapçalament a les etiquetes
i <h2>, respectivament:</p>
<span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> títol</span></a> ></span> Actualització de la pàgina cada 5 segons<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> títol</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"> estil</span><span class="sy0"> =</span><span class="st0"> 'text-align: left'</span> ></span> Actualitza automàticament la 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> Ara, configureu un valor de temporitzador com a ' <strong> 1</strong> ”:</p> deixar temporitzador<span class="sy0"> =</span> <span class="nu0"> 1</span><span class="sy0"> ;</span>
<p> Després d'això, apliqueu el ' <strong> setInterval()</strong> ' mètode amb un ' <strong> 1000 ms</strong> ” valor. Això augmentarà el temporitzador cada segon. A més, accediu a l'encapçalament especificat per mostrar-lo a la ' <strong> Model d'objectes de document (DOM)</strong> ” al final del valor del temporitzador establert.</p>
<p> Finalment, itereu el valor del temporitzador amb l'increment de ' <strong> 1</strong> ' utilitzant ' <strong> ++</strong> ” operador posterior a l'increment i apliqueu una condició de tal manera que si el valor supera 5, el “ <strong> location.reload()</strong> ” mètode donarà lloc a la recàrrega de la finestra:</p> setInterval<span class="br0"> (</span><span class="br0"> (</span><span class="br0"> )</span> <span class="sy0"> =></span> <span class="br0"> {</span> <br> document.<span class="me1"> querySelector</span><span class="br0"> (</span><span class="st0"> 'h2'</span><span class="br0"> )</span> .<span class="me1"> text interior</span><span class="sy0"> =</span> temporitzador<span class="sy0"> ;</span> <br> temporitzador<span class="sy0"> ++;</span> <br> <span class="kw1"> si</span><span class="br0"> (</span> temporitzador<span class="sy0"> ></span><span class="nu0"> 5</span><span class="br0"> )</span> <br> ubicació.<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> Es pot veure que la nostra pàgina web s'actualitza automàticament cada cinc segons:</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ètode 2: Actualització automàtica de la pàgina web cada 5 segons en JavaScript mitjançant l'esdeveniment de càrrega</strong> </h2>
<p> El ' <strong> carregar</strong> ” s'activa quan s'ha carregat un objecte. Aquesta tècnica es pot implementar per actualitzar la pàgina amb l'ajuda d'una funció definida per l'usuari quan es carrega la pàgina web.</p>
<p> <strong> Sintaxi</strong> </p> objecte.<span class="me1"> carregar</span> <span class="sy0"> =</span> refreshPage<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> myScript<span class="br0"> }</span><span class="sy0"> ;</span>
<p> En la sintaxi donada, ' <strong> funció</strong> ” es refereix a la funció que cal invocar quan es carrega l'objecte.</p>
<p> Mireu l'exemple següent.</p>
<h3> <strong> Exemple</strong> </h3>
<p> En primer lloc, inclou un títol i un encapçalament tal com s'ha comentat al mètode anterior:</p>
<span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> títol</span></a> ></span> Actualització de la pàgina cada 5 segons<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> títol</span></a> ></span> <br>
<span class="sc2"> < <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> h2</span></a> ></span> Actualitza automàticament la 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> Ara, apliqueu el ' <strong> carregar</strong> ” esdeveniment i invocar la funció “ <strong> refreshPage()</strong> 'i passa' <strong> 5000</strong> ” com a argument que indica un interval de temps de cinc segons:</p>
<span class="sy0"> <</span> càrrega corporal<span class="sy0"> =</span> <span class="st0"> 'JavaScript:refreshPage(5000);'</span><span class="sy0"> ></span> <br>
<br>
<span class="sy0"> </</span> cos<span class="sy0"> ></span>
<p> Finalment, definiu una funció anomenada ' <strong> actualització()</strong> ' amb ' <strong> t</strong> ” com a argument que fa referència al temps establert per a l'actualització automàtica de la pàgina web. El ' <strong> location.reload()</strong> ” el mètode tornarà a carregar la pàgina després del temps especificat:</p> funció 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> Sortida</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ètode 3: Actualització automàtica de la pàgina web cada 5 segons en JavaScript mitjançant el mètode setTimeout().</strong> </h2>
<p> El ' <strong> setTimeout()</strong> ” El mètode invoca una funció després d'un temps determinat especificat. Aquest mètode es pot aplicar per tornar a carregar una pàgina web després d'un temps d'espera determinat.</p>
<p> <strong> Sintaxi</strong> </p> setTimeout<span class="br0"> (</span> funció, mil·lisegons, par1, par2<span class="br0"> )</span>
<p> En la sintaxi donada, ' <strong> funció</strong> ' fa referència a la funció a la qual s'ha d'accedir, ' <strong> mil·lisegons</strong> ' és l'interval de temps específic per executar i ' <strong> parella 1</strong> ”, “ <strong> par2</strong> ” són els paràmetres addicionals.</p>
<h3> <strong> Exemple</strong> </h3>
<p> A l'etiqueta d'script de la pàgina HTML, apliqueu el ' <strong> setTimeout()</strong> ” de tal manera que quan passen 5 segons, el mètode location.reload() torna a carregar la pàgina web:</p>
<span class="sy0"> <</span> guió<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> guió<span class="sy0"> ></span>
<p> <strong> Sortida</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> Hem parlat de tots els mètodes convenients per actualitzar automàticament una pàgina web cada 5 segons mitjançant JavaScript.</p>
<h2> <strong> Conclusió</strong> </h2>
<p> Per actualitzar automàticament una pàgina web cada 5 segons mitjançant JavaScript, utilitzeu el ' <strong> setInterval()</strong> ' i ' <strong> document.querySelector()</strong> ” mètodes per ajustar el valor del temporitzador, el “ <strong> actualització()</strong> ” per actualitzar una pàgina web, o el “ <strong> setTimeout()</strong> ” mètode per establir un límit d'actualització de temps d'espera específic d'una pàgina web. Aquest article va demostrar els mètodes per actualitzar automàticament una pàgina web cada 5 segons mitjançant 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="/altres/" class="tag-cloud-link">Altres</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/">Altres</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Ampliar</a> </li><li> <a href="/cinnamon/">Canyella</a> </li><li> <a href="/reviews/">Ressenyes</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/">Compressió</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Trencament Aeri</a> </li><li> <a href="/office-productivity-software/">Programari De Productivitat D’Oficina</a> </li><li> <a href="/boot/">Arrencada</a> </li><li> <a href="/system-calls/">Trucades Al Sistema</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Treball En Xarxa</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/">Acoblador</a> </li><li> <a href="/firewall/">Tallafoc</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/">Parrot Os</a> </li><li> <a href="/sublime/">Sublim</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hiper-V</a> </li><li> <a href="/phone/">Telèfon</a> </li><li> <a href="/kodi/">Codi</a> </li><li> <a href="/gnome/">Gnom</a> </li><li> <a href="/manjaro/">Manjaro</a> </li><li> <a href="/mouse/">Ratolí</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Torrent</a> </li><li> <a href="/tablet/">Tauleta</a> </li><li> <a href="/pycharm/">Picharm</a> </li><li> <a href="/curl/">Rínxol</a> </li><li> <a href="/kde/">On</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Tipus De Lletra</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Imatges</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Calamar</a> </li><li> <a href="/mate/">Mat</a> </li><li> <a href="/vlc-media-player/">Reproductor Multimèdia Vlc</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Teclat</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Xifratge</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Escàner</a> </li><li> <a href="/atom/">Àtom</a> </li><li> <a href="/red-hat/">Barret Vermell</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/">Llibreta Jupyter</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Bloc</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Reproductors Multimè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/">Poder</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Metres Quadrats</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Adherència</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odissea</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/">Windows</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Heretat)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Oficina</a> </li><li> <a href="/altres/">Altres</a> </li><li> <a href="/camera-web/">càmera web</a> </li><li> <a href="/reproductors-multimedia/">reproductors multimèdia</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/gnom/">gnom</a> </li><li> <a href="/arrencada/">arrencada</a> </li><li> <a href="/sublim/">sublim</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">nextcloud</a> </li><li> <a href="/virtut/">virtut</a> </li><li> <a href="/pas-d-usb/">pas d'usb</a> </li><li> <a href="/arrencada-segura/">#arrencada segura</a> </li><li> <a href="/pas-del-dispositiu/">pas del dispositiu</a> </li><li> <a href="/sdn/">SDN</a> </li><li> <a href="/instal-lacio-del-controlador/">instal·lació del controlador</a> </li>
</ul>
</div>
<div class="sidebar-box ftco-animate">
<h3 class="sidebar-heading">Entrades Populars</h3>
<div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/92/fix-event-id-455-esent-error-in-windows-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/correccio-id-d-esdeveniment-455-error-esent-a-windows">Correcció: ID d'esdeveniment 455 Error ESENT a Windows</a> </h3>
<div class="meta">
<div> <a href="/altres/"><span class="icon-chat"></span> Altres</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/2A/what-is-bighead-and-bighead-series-in-roblox-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/que-es-la-serie-bighead-i-bighead-a-roblox">Què és la sèrie Bighead i Bighead a Roblox</a> </h3>
<div class="meta">
<div> <a href="/altres/"><span class="icon-chat"></span> Altres</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/9D/what-are-stl-containers-in-c-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/que-son-els-contenidors-stl-en-c">Què són els contenidors STL en C++</a> </h3>
<div class="meta">
<div> <a href="/altres/"><span class="icon-chat"></span> Altres</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/33/how-to-create-a-table-in-sqlite-only-if-it-doesn-t-exist-already-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/com-crear-una-taula-a-sqlite-nomes-si-ja-no-existeix">Com crear una taula a SQLite només si ja no existeix?</a> </h3>
<div class="meta">
<div> <a href="/altres/"><span class="icon-chat"></span> Altres</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/58/how-to-fix-no-sound-in-linux-mint-21-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/com-arreglar-cap-so-a-linux-mint-21">Com arreglar cap so a Linux Mint 21</a> </h3>
<div class="meta">
<div> <a href="/altres/"><span class="icon-chat"></span> Altres</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/C1/how-to-use-the-variables-in-powershell-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/com-utilitzar-les-variables-a-powershell">Com utilitzar les variables a PowerShell</a> </h3>
<div class="meta">
<div> <a href="/altres/"><span class="icon-chat"></span> Altres</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/how-to-pass-arguments-to-functions-in-c-by-value-vs-by-reference-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/com-passar-arguments-a-les-funcions-en-c-per-valor-vs-per-referencia">Com passar arguments a les funcions en C++: per valor vs. per referència?</a> </h3>
<div class="meta">
<div> <a href="/altres/"><span class="icon-chat"></span> Altres</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/cpanel/80/how-to-install-cpanel-whm-on-centos-7-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/com-instal-lar-cpanel-whm-a-centos-7">Com instal·lar cPanel WHM a CentOS 7</a> </h3>
<div class="meta">
<div> <a href="/cpanel/"><span class="icon-chat"></span> cPanel</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/4E/what-is-convertfrom-json-microsoft-powershell-utility-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/que-es-convertfrom-json-microsoft-powershell-utility">Què és ConvertFrom-Json (Microsoft.PowerShell.Utility)?</a> </h3>
<div class="meta">
<div> <a href="/altres/"><span class="icon-chat"></span> Altres</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/7D/how-to-implement-depth-first-search-or-dfs-for-a-graph-in-java-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/com-implementar-depth-first-search-o-dfs-per-a-un-grafic-a-java">Com implementar Depth First Search o DFS per a un gràfic a Java?</a> </h3>
<div class="meta">
<div> <a href="/altres/"><span class="icon-chat"></span> Altres</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/how-to-turn-off-android-auto-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/com-desactivar-android-auto">Com desactivar Android Auto</a> </h3>
<div class="meta">
<div> <a href="/altres/"><span class="icon-chat"></span> Altres</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/6F/how-to-clear-docker-cache-on-windows-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/com-esborrar-la-memoria-cau-de-docker-a-windows">Com esborrar la memòria cau de Docker a Windows?</a> </h3>
<div class="meta">
<div> <a href="/altres/"><span class="icon-chat"></span> Altres</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-use-lisp-in-emacs-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/com-utilitzar-lisp-a-emacs">Com utilitzar Lisp a Emacs</a> </h3>
<div class="meta">
<div> <a href="/altres/"><span class="icon-chat"></span> Altres</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/6F/how-to-create-and-use-c-header-files-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/com-crear-i-utilitzar-fitxers-de-capcalera-c">Com crear i utilitzar fitxers de capçalera C++</a> </h3>
<div class="meta">
<div> <a href="/altres/"><span class="icon-chat"></span> Altres</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/DF/how-to-extract-a-rar-file-on-fedora-linux-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/com-extreure-un-fitxer-rar-a-fedora-linux">Com extreure un fitxer RAR a Fedora Linux</a> </h3>
<div class="meta">
<div> <a href="/altres/"><span class="icon-chat"></span> Altres</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/98/how-to-git-rebase-master-onto-any-branch-by-example-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/com-posar-el-mestre-de-rebase-de-git-a-qualsevol-branca-per-exemple">Com posar el mestre de rebase de Git a qualsevol branca per exemple</a> </h3>
<div class="meta">
<div> <a href="/altres/"><span class="icon-chat"></span> Altres</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/26/how-to-display-datetime-in-12-hour-am/pm-format-in-javascript-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/com-es-mostra-la-data-i-l-hora-en-format-de-12-hores-am-pm-en-javascript">Com es mostra la data i l'hora en format de 12 hores AM/PM en JavaScript?</a> </h3>
<div class="meta">
<div> <a href="/altres/"><span class="icon-chat"></span> Altres</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/40/how-to-run-a-process-in-the-background-in-linux-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/com-executar-un-proces-en-segon-pla-a-linux">Com executar un procés en segon pla a Linux</a> </h3>
<div class="meta">
<div> <a href="/altres/"><span class="icon-chat"></span> Altres</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/24/how-to-allow-pop-ups-in-android-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/com-permetre-les-finestres-emergents-a-android">Com permetre les finestres emergents a Android</a> </h3>
<div class="meta">
<div> <a href="/altres/"><span class="icon-chat"></span> Altres</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/B9/how-to-work-with-javascript-html-domtokenlist-object-1.gif);"></a>
<div class="text">
<h3 class="heading"> <a href="/com-treballar-amb-javascript-html-domtokenlist-object">Com treballar amb JavaScript HTML DOMTokenList Object?</a> </h3>
<div class="meta">
<div> <a href="/altres/"><span class="icon-chat"></span> Altres</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>