I JavaScript finns det situationer när vi behöver se till att det angivna innehållet på en viss webbplats är korrekt och uppdaterat. Det är till exempel nödvändigt att visa det senaste innehållet på en webbsida samtidigt som du fyller i ett långt formulär och observerar de nya ändringarna eller när du vill testa en webbplats. I sådana fall är automatisk uppdatering av en webbsida var 5:e sekund med JavaScript till stor hjälp för att hantera dessa typer av situationer.
Den här artikeln kommer att diskutera metoderna för att automatiskt uppdatera en webbsida var 5:e sekund med JavaScript.
VIDEO
Hur uppdaterar man webbsidan automatiskt var 5:e sekund med hjälp av JavaScript?
För att automatiskt uppdatera en webbsida var 5:e sekund med JavaScript kan följande metoder användas:
Gå igenom de diskuterade metoderna en efter en!
Metod 1: Uppdatera webbsidan automatiskt var 5:e sekund i JavaScript med metoderna setInterval() och document.querySelector()
den ' setInterval() ”-metoden får åtkomst till en funktion vid angivet tidsintervall och document.querySelector() ”-metoden får det första elementet som matchar en CSS-väljare. Dessa metoder kan användas i kombination för att komma åt den specifika rubriktaggen och ställa in tidsintervallet till en önskad funktionalitet med hjälp av en timer.
Syntax
setInterval ( funktion, millisekunder, par1, par2 )
I ovanstående syntax, ' fungera ' hänvisar till funktionen som behöver nås, ' millisekunder ' är det specifika tidsintervallet att köra, och ' par1 ' och ' par2 ” är de ytterligare parametrarna.
querySelector ( CSS )
Här, ' CSS-väljare ” representerar en eller flera CSS-väljare.
Kolla in följande exempel.
Exempel
Ange först en titel och en rubrik i taggarna
och <h2>:</p>
<span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> titel</span></a> ></span> Uppdatera sidan var 5:e sekund<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> titel</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"> stil</span><span class="sy0"> =</span><span class="st0"> 'text-align: left'</span> ></span> Uppdatera sidan automatiskt<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> Ställ nu in ett timervärde som ' <strong> 1</strong> ”:</p> låt timer<span class="sy0"> =</span> <span class="nu0"> 1</span><span class="sy0"> ;</span>
<p> Efter det, använd ' <strong> setInterval()</strong> ' metod med en ' <strong> 1000 ms</strong> ' värde. Detta kommer att öka timern varje sekund. Gå också till den angivna rubriken för att visa den på ' <strong> Document Object Model (DOM)</strong> ” vid slutet av det inställda timervärdet.</p>
<p> Slutligen, iterera värdet på timern med steget ' <strong> 1</strong> ' använder sig av ' <strong> ++</strong> ” efter inkrementoperatorn och tillämpa ett villkor på ett sådant sätt att om värdet överstiger 5, <strong> location.reload()</strong> ”-metoden kommer att resultera i att fönstret laddas om:</p> setInterval<span class="br0"> (</span><span class="br0"> (</span><span class="br0"> )</span> <span class="sy0"> =></span> <span class="br0"> {</span> <br> dokumentera.<span class="me1"> querySelector</span><span class="br0"> (</span><span class="st0"> 'h2'</span><span class="br0"> )</span> .<span class="me1"> innerText</span><span class="sy0"> =</span> timer<span class="sy0"> ;</span> <br> timer<span class="sy0"> ++;</span> <br> <span class="kw1"> om</span><span class="br0"> (</span> timer<span class="sy0"> ></span><span class="nu0"> 5</span><span class="br0"> )</span> <br> plats.<span class="me1"> ladda om</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> Det kan ses att vår webbsida uppdateras automatiskt var femte sekund:</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> Metod 2: Uppdatera webbsidan automatiskt var 5:e sekund i JavaScript med onload-händelse</strong> </h2>
<p> den ' <strong> ladda</strong> ” händelse utlöses när ett objekt har laddats. Denna teknik kan implementeras för att uppdatera sidan med hjälp av en användardefinierad funktion när webbsidan laddas.</p>
<p> <strong> Syntax</strong> </p> objekt.<span class="me1"> ladda</span> <span class="sy0"> =</span> uppdatera sida<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> myScript<span class="br0"> }</span><span class="sy0"> ;</span>
<p> I den givna syntaxen ' <strong> fungera</strong> ” hänvisar till den funktion som måste anropas när objektet laddas.</p>
<p> Titta på följande exempel.</p>
<h3> <strong> Exempel</strong> </h3>
<p> Inkludera först en titel och rubrik som diskuterats i föregående metod:</p>
<span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> titel</span></a> ></span> Uppdatera sidan var 5:e sekund<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> titel</span></a> ></span> <br>
<span class="sc2"> < <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> h2</span></a> ></span> Uppdatera sidan automatiskt<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> Använd nu ' <strong> ladda</strong> ' händelse och anropa funktionen ' <strong> uppdatera sida()</strong> 'och passera' <strong> 5 000</strong> ” som argument som anger fem sekunders tidsintervall:</p>
<span class="sy0"> <</span> kroppsbelastning<span class="sy0"> =</span> <span class="st0"> 'JavaScript:refreshPage(5000);'</span><span class="sy0"> ></span> <br>
<br>
<span class="sy0"> </</span> kropp<span class="sy0"> ></span>
<p> Slutligen, definiera en funktion som heter ' <strong> uppdatera sida()</strong> ' med ' <strong> t</strong> ” som ett argument som hänvisar till den inställda tiden för automatisk uppdatering av webbsidan. den ' <strong> location.reload()</strong> ”-metoden laddar om sidan efter den angivna tiden:</p> funktion 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> Produktion</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> Metod 3: Uppdatera webbsidan automatiskt var 5:e sekund i JavaScript med metoden setTimeout().</strong> </h2>
<p> den ' <strong> setTimeout()</strong> ”-metoden anropar en funktion efter en angiven inställd tid. Denna metod kan användas för att ladda om en webbsida efter en viss tidsgräns.</p>
<p> <strong> Syntax</strong> </p> setTimeout<span class="br0"> (</span> funktion, millisekunder, par1, par2<span class="br0"> )</span>
<p> I den givna syntaxen ' <strong> fungera</strong> ' hänvisar till funktionen som ska nås, ' <strong> millisekunder</strong> ' är det specifika tidsintervallet att köra, och ' <strong> par1</strong> ”, “ <strong> par2</strong> ” är de ytterligare parametrarna.</p>
<h3> <strong> Exempel</strong> </h3>
<p> I HTML-sidans skripttagg, använd ' <strong> setTimeout()</strong> ”-metoden på ett sådant sätt när 5 sekunder passerar laddar location.reload()-metoden om webbsidan:</p>
<span class="sy0"> <</span> manus<span class="sy0"> ></span> <br>
<br> setTimeout<span class="br0"> (</span><span class="st0"> 'location.reload(true);'</span> ,<span class="nu0"> 5 000</span><span class="br0"> )</span><span class="sy0"> ;</span> <br>
<br>
<span class="sy0"> </</span> manus<span class="sy0"> ></span>
<p> <strong> Produktion</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> Vi har diskuterat alla praktiska metoder för att automatiskt uppdatera en webbsida var 5:e sekund med JavaScript.</p>
<h2> <strong> Slutsats</strong> </h2>
<p> För att automatiskt uppdatera en webbsida var 5:e sekund med JavaScript, använd ' <strong> setInterval()</strong> ' och ' <strong> document.querySelector()</strong> ' metoder för att justera timervärdet, ' <strong> uppdatera()</strong> ”-metoden för att uppdatera en webbsida, eller <strong> setTimeout()</strong> ” metod för att ställa in en specifik tidsgräns för uppdatering av en webbsida. Den här artikeln demonstrerade metoderna för att automatiskt uppdatera en webbsida var 5:e sekund med 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="/ovrig/" class="tag-cloud-link">Övrig</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">Kategori</h3>
<ul class="categories">
<li> <a href="/raspberry-pi/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Övrig</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Zoom</a> </li><li> <a href="/cinnamon/">Kanel</a> </li><li> <a href="/reviews/">Recensioner</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/">Kompression</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Flygbricka</a> </li><li> <a href="/office-productivity-software/">Office -Produktivitetsprogramvara</a> </li><li> <a href="/boot/">Känga</a> </li><li> <a href="/system-calls/">Systemsamtal</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Nätverk</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/">Hamnarbetare</a> </li><li> <a href="/firewall/">Brandvägg</a> </li><li> <a href="/wireshark/">Wireshark</a> </li><li> <a href="/synology/">Synologi</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Eterum</a> </li><li> <a href="/parrot-os/">Papegoja Os</a> </li><li> <a href="/sublime/">Sublim</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hyper-V</a> </li><li> <a href="/phone/">Telefon</a> </li><li> <a href="/kodi/">Koda</a> </li><li> <a href="/gnome/">Gnome</a> </li><li> <a href="/manjaro/">Delikatess</a> </li><li> <a href="/mouse/">Mus</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/">Läsplatta</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Ringla</a> </li><li> <a href="/kde/">Var</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Typsnitt</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Bilder</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Bläckfisk</a> </li><li> <a href="/mate/">Para</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/">Tangentbord</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Kryptering</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/">Atom</a> </li><li> <a href="/red-hat/">Röd Hatt</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/">Jupyter Anteckningsbok</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Blogg</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Mediaspelare</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Ånga</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Kraft</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Kvm</a> </li><li> <a href="/bluetooth/">Blåtand</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Grepp</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odyssé</a> </li><li> <a href="/audio/">Audio</a> </li><li> <a href="/cpu/">Cpu</a> </li><li> <a href="/tensorflow/">Tensorflöde</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 (Äldre)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Kontor</a> </li><li> <a href="/ovrig/">Övrig</a> </li><li> <a href="/webbkamera/">webbkamera</a> </li><li> <a href="/mediaspelare/">mediaspelare</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxi/">haproxi</a> </li><li> <a href="/tomte/">tomte</a> </li><li> <a href="/kanga/">känga</a> </li><li> <a href="/sublim/">sublim</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nasta-moln/">nästa moln</a> </li><li> <a href="/dygd/">dygd</a> </li><li> <a href="/usb-genomforing/">usb-genomföring</a> </li><li> <a href="/secure-boot/">#secure-boot</a> </li><li> <a href="/enhetsgenomforing/">enhetsgenomföring</a> </li><li> <a href="/sdn/">SDN</a> </li><li> <a href="/drivrutinsinstallation/">drivrutinsinstallation</a> </li>
</ul>
</div>
<div class="sidebar-box ftco-animate">
<h3 class="sidebar-heading">Populära Inlägg</h3>
<div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/E7/c-union-examples-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/c-unionsexempel">C++ Unionsexempel</a> </h3>
<div class="meta">
<div> <a href="/ovrig/"><span class="icon-chat"></span> Övrig</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/E3/how-do-i-squash-my-last-n-git-commits-together-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/hur-squashar-jag-mina-last-n-git-commits-together">Hur squashar jag mina Last N Git Commits Together?</a> </h3>
<div class="meta">
<div> <a href="/ovrig/"><span class="icon-chat"></span> Övrig</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/32/implementation-of-stack-in-javascript-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/implementering-av-stack-i-javascript">Implementering av Stack i JavaScript</a> </h3>
<div class="meta">
<div> <a href="/ovrig/"><span class="icon-chat"></span> Övrig</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/42/mongodb-or-operator-1.jpg);"></a>
<div class="text">
<h3 class="heading"> <a href="/mongodb-eller-operator">MongoDB ELLER Operatör</a> </h3>
<div class="meta">
<div> <a href="/ovrig/"><span class="icon-chat"></span> Övrig</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/B1/python-command-line-arguments-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/python-kommandoradsargument">Python Kommandoradsargument</a> </h3>
<div class="meta">
<div> <a href="/ovrig/"><span class="icon-chat"></span> Övrig</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/A4/delete-a-fork-in-git-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/ta-bort-en-gaffel-i-git">Ta bort en gaffel i Git</a> </h3>
<div class="meta">
<div> <a href="/ovrig/"><span class="icon-chat"></span> Övrig</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/why-is-c-used-in-c-programming-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/varfor-anvands-c-i-c-programmering">Varför används %c i C-programmering</a> </h3>
<div class="meta">
<div> <a href="/ovrig/"><span class="icon-chat"></span> Övrig</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/B2/how-to-read-and-write-a-table-data-in-pyspark-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/hur-man-laser-och-skriver-en-tabelldata-i-pyspark">Hur man läser och skriver en tabelldata i PySpark</a> </h3>
<div class="meta">
<div> <a href="/ovrig/"><span class="icon-chat"></span> Övrig</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/42/how-to-make-amazing-commits-using-git-add-interactive-command-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/hur-man-gor-fantastiska-ataganden-med-kommandot-git-add-interactive">Hur man gör fantastiska åtaganden med kommandot 'git add -interactive'.</a> </h3>
<div class="meta">
<div> <a href="/ovrig/"><span class="icon-chat"></span> Övrig</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/F3/sql-server-convert-datetime-to-string-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/sql-server-konvertera-datetime-till-string">SQL Server Konvertera Datetime till String</a> </h3>
<div class="meta">
<div> <a href="/ovrig/"><span class="icon-chat"></span> Övrig</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-use-html-dom-audio-muted-property-in-javascript-1.gif);"></a>
<div class="text">
<h3 class="heading"> <a href="/hur-man-anvander-html-dom-audio-muted-property-i-javascript">Hur man använder HTML DOM Audio Muted Property i JavaScript?</a> </h3>
<div class="meta">
<div> <a href="/ovrig/"><span class="icon-chat"></span> Övrig</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/91/what-does-insert-on-duplicate-key-update-do-in-mysql-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/vad-gor-insert-on-duplicate-key-update-i-mysql">Vad gör INSERT ON DUPLICATE KEY UPDATE i MySQL?</a> </h3>
<div class="meta">
<div> <a href="/ovrig/"><span class="icon-chat"></span> Övrig</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/what-is-amazon-s3-features-amp-usage-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/vad-ar-amazon-s3-funktioner-och-anvandning">Vad är Amazon S3? | Funktioner och användning</a> </h3>
<div class="meta">
<div> <a href="/ovrig/"><span class="icon-chat"></span> Övrig</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/CA/how-to-stop-apps-running-in-background-android-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/hur-stoppar-jag-appar-som-kors-pa-android-i-bakgrunden">Hur stoppar jag appar som körs på Android i bakgrunden?</a> </h3>
<div class="meta">
<div> <a href="/ovrig/"><span class="icon-chat"></span> Övrig</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/3D/how-to-do-url-decoding-in-java-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/hur-man-gor-url-avkodning-i-java">Hur man gör URL-avkodning i Java</a> </h3>
<div class="meta">
<div> <a href="/ovrig/"><span class="icon-chat"></span> Övrig</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/0B/what-are-cloudwatch-and-cloudtrail-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/vad-ar-cloudwatch-och-cloudtrail">Vad är CloudWatch och CloudTrail?</a> </h3>
<div class="meta">
<div> <a href="/ovrig/"><span class="icon-chat"></span> Övrig</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/EE/how-to-fix-red-screen-when-play-is-clicked-in-roblox-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/hur-man-fixar-rod-skarm-nar-man-klickar-pa-play-i-roblox">Hur man fixar – Röd skärm när man klickar på Play i Roblox</a> </h3>
<div class="meta">
<div> <a href="/ovrig/"><span class="icon-chat"></span> Övrig</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/B1/how-to-execute-job-on-raspberry-pi-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/hur-man-utfor-jobb-pa-raspberry-pi">Hur man utför jobb på Raspberry Pi</a> </h3>
<div class="meta">
<div> <a href="/ovrig/"><span class="icon-chat"></span> Övrig</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/36/what-is-the-next-function-in-php-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/vad-ar-nasta-funktionen-i-php">Vad är nästa()-funktionen i PHP?</a> </h3>
<div class="meta">
<div> <a href="/ovrig/"><span class="icon-chat"></span> Övrig</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/what-is-the-windows-ws-folder-and-can-i-delete-it-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/vad-ar-mappen-windows-ws-och-kan-jag-ta-bort-den">Vad är mappen $Windows.~WS och kan jag ta bort den</a> </h3>
<div class="meta">
<div> <a href="/ovrig/"><span class="icon-chat"></span> Övrig</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>
</body>
</html>