I JavaScript er der situationer, hvor vi skal sikre, at det indtastede indhold på et bestemt websted er nøjagtigt og opdateret. For eksempel er det nødvendigt at vise det seneste indhold på en webside, mens du udfylder en lang formular og observerer de nye ændringer, eller når du vil teste en hjemmeside. I sådanne tilfælde er automatisk genopfriskning af en webside hvert 5. sekund ved hjælp af JavaScript meget nyttigt til at håndtere disse typer situationer.
Denne artikel vil diskutere metoderne til automatisk at opdatere en webside hvert 5. sekund ved hjælp af JavaScript.
VIDEO
Sådan opdateres webside automatisk hvert 5. sekund ved hjælp af JavaScript?
For automatisk at opdatere en webside hvert 5. sekund ved hjælp af JavaScript, kan følgende fremgangsmåder bruges:
Gennemgå de diskuterede metoder én efter én!
Metode 1: Opdater webside automatisk hvert 5. sekund i JavaScript ved hjælp af metoderne setInterval() og document.querySelector()
Det ' setInterval() ”-metoden får adgang til en funktion med et angivet tidsinterval og document.querySelector() ”-metoden får det første element, der matcher en CSS-vælger. Disse metoder kan bruges i kombination for at få adgang til det specifikke overskriftsmærke og indstille tidsintervallet til en påkrævet funktionalitet ved hjælp af en timer.
Syntaks
sætinterval ( funktion, millisekunder, par1, par2 )
I ovenstående syntaks, ' fungere ' refererer til den funktion, der skal tilgås, ' millisekunder ' er det specifikke tidsinterval, der skal udføres, og ' par 1 ' og ' par2 ” er de yderligere parametre.
querySelector ( CSS )
Her, ' CSS-vælgere ” repræsenterer en eller mere end én CSS-vælger.
Tjek følgende eksempel.
Eksempel
Angiv først en titel og en overskrift i henholdsvis
og <h2> tags:</p>
<span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> titel</span></a> ></span> Side Opdater hvert 5. 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"> 'tekst-align: venstre'</span> ></span> Opdater siden automatisk<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> Indstil nu en timerværdi som ' <strong> 1</strong> ”:</p> lad timer<span class="sy0"> =</span> <span class="nu0"> 1</span><span class="sy0"> ;</span>
<p> Anvend derefter ' <strong> setInterval()</strong> ' metode med en ' <strong> 1000 ms</strong> 'værdi. Dette vil øge timeren hvert sekund. Få også adgang til den angivne overskrift for at vise den på ' <strong> Document Object Model (DOM)</strong> ” ved slutningen af den indstillede timerværdi.</p>
<p> Til sidst, gentag værdien af timeren med stigningen på ' <strong> 1</strong> ' ved brug af ' <strong> ++</strong> ” efter stigning operatør og anvende en betingelse på en sådan måde, at hvis værdien overstiger 5, <strong> location.reload()</strong> ” metode vil resultere i genindlæsning af vinduet:</p> sætinterval<span class="br0"> (</span><span class="br0"> (</span><span class="br0"> )</span> <span class="sy0"> =></span> <span class="br0"> {</span> <br> dokument.<span class="me1"> querySelector</span><span class="br0"> (</span><span class="st0"> 'h2'</span><span class="br0"> )</span> .<span class="me1"> indreTekst</span><span class="sy0"> =</span> timer<span class="sy0"> ;</span> <br> timer<span class="sy0"> ++;</span> <br> <span class="kw1"> hvis</span><span class="br0"> (</span> timer<span class="sy0"> ></span><span class="nu0"> 5</span><span class="br0"> )</span> <br> Beliggenhed.<span class="me1"> genindlæs</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, at vores webside bliver automatisk opdateret hvert 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> Metode 2: Automatisk opdatering af webside hvert 5. sekund i JavaScript ved hjælp af onload-hændelse</strong> </h2>
<p> Det ' <strong> påfyldning</strong> ” hændelse udløses, når et objekt er blevet indlæst. Denne teknik kan implementeres til at opdatere siden ved hjælp af en brugerdefineret funktion, når websiden indlæses.</p>
<p> <strong> Syntaks</strong> </p> objekt.<span class="me1"> påfyldning</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> I den givne syntaks, ' <strong> fungere</strong> ” refererer til den funktion, der skal aktiveres, når objektet indlæses.</p>
<p> Se på følgende eksempel.</p>
<h3> <strong> Eksempel</strong> </h3>
<p> Medtag først en titel og overskrift som diskuteret i den foregående metode:</p>
<span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> titel</span></a> ></span> Side Opdater hvert 5. 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> Opdater siden automatisk<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> Anvend nu ' <strong> påfyldning</strong> ' hændelse og påkald funktionen ' <strong> refreshPage()</strong> 'og bestå' <strong> 5000</strong> ” som argument, der angiver fem sekunders tidsinterval:</p>
<span class="sy0"> <</span> kropsbelastning<span class="sy0"> =</span> <span class="st0"> 'JavaScript:refreshPage(5000);'</span><span class="sy0"> ></span> <br>
<br>
<span class="sy0"> </</span> legeme<span class="sy0"> ></span>
<p> Til sidst skal du definere en funktion ved navn ' <strong> refreshpage()</strong> ' med ' <strong> t</strong> ” som et argument, der refererer til den indstillede tid for automatisk opdatering af websiden. Det ' <strong> location.reload()</strong> ”-metoden genindlæser siden efter den angivne tid:</p> funktion refreshPage<span class="br0"> (</span> t<span class="br0"> )</span><span class="br0"> {</span> <br>
<br> sætTimeout<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> Metode 3: Automatisk opdatering af webside hvert 5. sekund i JavaScript ved hjælp af setTimeout()-metoden</strong> </h2>
<p> Det ' <strong> setTimeout()</strong> ”-metoden påkalder en funktion efter et angivet tidsrum. Denne metode kan anvendes til at genindlæse en webside efter en bestemt indstillet timeout.</p>
<p> <strong> Syntaks</strong> </p> sætTimeout<span class="br0"> (</span> funktion, millisekunder, par1, par2<span class="br0"> )</span>
<p> I den givne syntaks, ' <strong> fungere</strong> ' henviser til den funktion, der skal tilgås, ' <strong> millisekunder</strong> ' er det specifikke tidsinterval, der skal udføres, og ' <strong> par 1</strong> ', ' <strong> par2</strong> ” er de yderligere parametre.</p>
<h3> <strong> Eksempel</strong> </h3>
<p> I HTML-sidens script-tag skal du anvende ' <strong> setTimeout()</strong> ”-metoden på en sådan måde, når der går 5 sekunder, genindlæser location.reload()-metoden websiden:</p>
<span class="sy0"> <</span> manuskript<span class="sy0"> ></span> <br>
<br> sætTimeout<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> manuskript<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 diskuteret alle de praktiske metoder til automatisk at opdatere en webside hvert 5. sekund ved hjælp af JavaScript.</p>
<h2> <strong> Konklusion</strong> </h2>
<p> For automatisk at opdatere en webside hvert 5. sekund ved hjælp af JavaScript, skal du bruge ' <strong> setInterval()</strong> ' og ' <strong> document.querySelector()</strong> ' metoder til justering af timerværdien, ' <strong> Opdater()</strong> '-metoden til at opdatere en webside, eller ' <strong> setTimeout()</strong> ” metode til at indstille en specifik timeout-opdateringsgrænse for en webside. Denne artikel demonstrerede metoderne til automatisk at opdatere en webside hvert 5. sekund ved hjælp af 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="/andet/" class="tag-cloud-link">Andet</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/">Hindbær Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Andet</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/">Anmeldelser</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/">Airrack</a> </li><li> <a href="/office-productivity-software/">Office -Produktivitetssoftware</a> </li><li> <a href="/boot/">Støvle</a> </li><li> <a href="/system-calls/">Systemopkald</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Netværk</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/">Wireshark</a> </li><li> <a href="/synology/">Synologi</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Papegøje 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/">Kode</a> </li><li> <a href="/gnome/">Nisse</a> </li><li> <a href="/manjaro/">Delikatesse</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/">Tablet</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Krølle</a> </li><li> <a href="/kde/">Hvor</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Skrifttyper</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Billeder</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Blæksprutte</a> </li><li> <a href="/mate/">Makker</a> </li><li> <a href="/vlc-media-player/">Vlc Medieafspiller</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Tastatur</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 Hat</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 Notesbog</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/">Medieafspillere</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Damp</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Strøm</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/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Greb</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odyssé</a> </li><li> <a href="/audio/">Lyd</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 (Arv)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Kontor</a> </li><li> <a href="/andet/">Andet</a> </li><li> <a href="/webcam/">webcam</a> </li><li> <a href="/medieafspillere/">medieafspillere</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/nisse/">nisse</a> </li><li> <a href="/stovle/">støvle</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">nextcloud</a> </li><li> <a href="/dyd/">dyd</a> </li><li> <a href="/usb-gennemgang/">usb-gennemgang</a> </li><li> <a href="/sikker-boot/">#sikker-boot</a> </li>
</ul>
</div>
<div class="sidebar-box ftco-animate">
<h3 class="sidebar-heading">Populære Indlæg</h3>
<div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/0F/how-to-set-onclick-with-javascript-1.gif);"></a>
<div class="text">
<h3 class="heading"> <a href="/sadan-indstilles-onclick-med-javascript">Sådan indstilles onClick med JavaScript</a> </h3>
<div class="meta">
<div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/88/how-to-check-windows-update-history-using-powershell-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/sadan-kontrolleres-windows-update-history-ved-hjaelp-af-powershell">Sådan kontrolleres Windows Update History ved hjælp af PowerShell</a> </h3>
<div class="meta">
<div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/E0/how-to-generate-symbolic-plots-in-matlab-using-fplot-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/sadan-genereres-symbolske-plots-i-matlab-ved-hjaelp-af-fplot">Sådan genereres symbolske plots i MATLAB ved hjælp af fplot</a> </h3>
<div class="meta">
<div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/F1/get-the-current-directory-in-c-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/fa-den-aktuelle-mappe-i-c">Få den aktuelle mappe i C#</a> </h3>
<div class="meta">
<div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/1F/how-to-change-cursor-to-image-on-hover-using-css-1.gif);"></a>
<div class="text">
<h3 class="heading"> <a href="/sadan-aendres-markor-til-billede-ved-svaev-ved-hjaelp-af-css">Sådan ændres markør til billede ved svæv ved hjælp af CSS</a> </h3>
<div class="meta">
<div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/how-to-update-raspberry-pi-kernel-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/sadan-opdateres-raspberry-pi-kernel">Sådan opdateres Raspberry Pi Kernel</a> </h3>
<div class="meta">
<div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/which-hp-laptop-has-bang-amp-olufsen-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/hvilken-hp-laptop-har-bang-olufsen">Hvilken HP laptop har Bang & Olufsen</a> </h3>
<div class="meta">
<div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/4F/windows-10-kb5011543-adds-new-features-fixes-bsod-errors-1.jpg);"></a>
<div class="text">
<h3 class="heading"> <a href="/windows-10-kb5011543-tilfojer-nye-funktioner-retter-bsod-fejl">Windows 10 KB5011543 tilføjer nye funktioner, retter BSoD-fejl</a> </h3>
<div class="meta">
<div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/BF/how-to-break-out-of-jquery-each-loop-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/hvordan-bryde-man-ud-af-jquery-every-loop">Hvordan bryde man ud af jQuery Every() Loop?</a> </h3>
<div class="meta">
<div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/53/sql-string-aggregate-functions-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/sql-strengaggregatfunktioner">SQL-strengaggregatfunktioner</a> </h3>
<div class="meta">
<div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/BC/how-to-set-up-a-static-map-in-java-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/sadan-opsaetter-du-et-statisk-kort-i-java">Sådan opsætter du et statisk kort i Java</a> </h3>
<div class="meta">
<div> <a href="/andet/"><span class="icon-chat"></span> Andet</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-use-length-based-example-selector-in-langchain-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/hvordan-bruger-man-laengdebaseret-eksempelvaelger-i-langchain">Hvordan bruger man længdebaseret eksempelvælger i LangChain?</a> </h3>
<div class="meta">
<div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/7F/what-is-string-intern-in-java-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/hvad-er-string-intern-i-java">Hvad er String.intern() i Java?</a> </h3>
<div class="meta">
<div> <a href="/andet/"><span class="icon-chat"></span> Andet</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="/hvad-er-mappen-windows-ws-og-kan-jeg-slette-den">Hvad er mappen $Windows.~WS, og kan jeg slette den</a> </h3>
<div class="meta">
<div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/3E/how-to-reset-kali-s-forgotten-password-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/hvordan-nulstilles-kalis-glemte-adgangskode">Hvordan nulstilles Kalis glemte adgangskode?</a> </h3>
<div class="meta">
<div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/1C/how-to-set-custom-discord-video-background-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/sadan-indstilles-brugerdefineret-discord-videobaggrund">Sådan indstilles brugerdefineret discord-videobaggrund</a> </h3>
<div class="meta">
<div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/6C/how-to-enable-and-disable-the-network-interface-on-fedora-linux-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/sadan-aktiveres-og-deaktiveres-netvaerksgraensefladen-pa-fedora-linux">Sådan aktiveres og deaktiveres netværksgrænsefladen på Fedora Linux</a> </h3>
<div class="meta">
<div> <a href="/andet/"><span class="icon-chat"></span> Andet</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-install-transmission-bittorrent-client-in-linux-mint-21-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/sadan-installeres-transmission-bittorrent-client-i-linux-mint-21">Sådan installeres Transmission BitTorrent Client i Linux Mint 21</a> </h3>
<div class="meta">
<div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/C0/how-to-show-constraints-of-a-table-in-mysql-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/hvordan-viser-man-begraensninger-for-en-tabel-i-mysql">Hvordan viser man begrænsninger for en tabel i MySQL?</a> </h3>
<div class="meta">
<div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/C3/how-to-install-pytorch-with-nvidia-gpu-cuda-acceleration-support-on-debian-12-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/sadan-installeres-pytorch-med-nvidia-gpu-cuda-acceleration-support-pa-debian-12">Sådan installeres PyTorch med NVIDIA GPU/CUDA Acceleration Support på Debian 12</a> </h3>
<div class="meta">
<div> <a href="/andet/"><span class="icon-chat"></span> Andet</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>