In JavaScript zijn er situaties waarin we ervoor moeten zorgen dat de ingevoerde inhoud op een bepaalde site juist en up-to-date is. Het is bijvoorbeeld vereist om de meest recente inhoud op een webpagina weer te geven terwijl u een lang formulier invult en de nieuwe wijzigingen observeert of wanneer u een website wilt testen. In dergelijke gevallen is het elke 5 seconden automatisch vernieuwen van een webpagina met JavaScript erg handig om met dit soort situaties om te gaan.
In dit artikel worden de methoden besproken om een webpagina elke 5 seconden automatisch te vernieuwen met JavaScript.
VIDEO
Hoe webpagina elke 5 seconden automatisch te vernieuwen met JavaScript?
Om een webpagina elke 5 seconden automatisch te vernieuwen met JavaScript, kunnen de volgende benaderingen worden gebruikt:
Doorloop de besproken methoden één voor één!
Methode 1: Webpagina automatisch vernieuwen om de 5 seconden in JavaScript met behulp van de methoden setInterval() en document.querySelector()
De ' setInterval() ”-methode geeft toegang tot een functie op een gespecificeerd tijdsinterval en de “ document.querySelector() ”-methode krijgt het eerste element dat overeenkomt met een CSS-selector. Deze methoden kunnen in combinatie worden gebruikt om toegang te krijgen tot de specifieke koptag en het tijdsinterval in te stellen op een vereiste functionaliteit met behulp van een timer.
Syntaxis
setInterval ( functie, milliseconden, par1, par2 )
In de bovenstaande syntaxis, ' functie ” verwijst naar de functie die moet worden geopend, “ milliseconden ” is het specifieke tijdsinterval dat moet worden uitgevoerd, en “ paar 1 ' en ' par2 ” zijn de aanvullende parameters.
querySelector ( CSS )
Hier, ' CSS-kiezers ” vertegenwoordigen een of meer dan één CSS-kiezer.
Bekijk het volgende voorbeeld.
Voorbeeld
Geef eerst een titel en een kop op in respectievelijk de tags
en <h2>:</p>
<span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> titel</span></a> ></span> Pagina verversen elke 5 seconden<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"> stijl</span><span class="sy0"> =</span><span class="st0"> 'tekst-uitlijnen: links'</span> ></span> Pagina automatisch vernieuwen<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> Stel nu een timerwaarde in als ' <strong> 1</strong> ”:</p> laat timer<span class="sy0"> =</span> <span class="nu0"> 1</span><span class="sy0"> ;</span>
<p> Pas daarna de “ <strong> setInterval()</strong> ” methode met een “ <strong> 1000ms</strong> ' waarde. Hierdoor wordt de timer elke seconde verhoogd. Open ook de opgegeven kop om deze weer te geven op de ' <strong> Documentobjectmodel (DOM)</strong> ” aan het einde van de ingestelde timerwaarde.</p>
<p> Herhaal ten slotte de waarde van timer met de toename van ' <strong> 1</strong> ' gebruik makend van ' <strong> ++</strong> ' post-increment operator en pas een voorwaarde toe op een zodanige manier dat als de waarde groter is dan 5, de ' <strong> locatie.reload()</strong> ” methode zal resulteren in het herladen van het venster:</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"> innerText</span><span class="sy0"> =</span> tijdopnemer<span class="sy0"> ;</span> <br> tijdopnemer<span class="sy0"> ++;</span> <br> <span class="kw1"> als</span><span class="br0"> (</span> tijdopnemer<span class="sy0"> ></span><span class="nu0"> 5</span><span class="br0"> )</span> <br> plaats.<span class="me1"> herladen</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> Het is te zien dat onze webpagina elke vijf seconden automatisch wordt vernieuwd:</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> Methode 2: webpagina automatisch vernieuwen om de 5 seconden in JavaScript met gebruik van onload-gebeurtenis</strong> </h2>
<p> De ' <strong> laden</strong> ” gebeurtenis wordt geactiveerd wanneer een object is geladen. Deze techniek kan worden geïmplementeerd om de pagina te vernieuwen met behulp van een door de gebruiker gedefinieerde functie wanneer de webpagina wordt geladen.</p>
<p> <strong> Syntaxis</strong> </p> object.<span class="me1"> laden</span> <span class="sy0"> =</span> pagina hernieuwen<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> mijnScript<span class="br0"> }</span><span class="sy0"> ;</span>
<p> In de gegeven syntaxis, ' <strong> functie</strong> ” verwijst naar de functie die moet worden aangeroepen wanneer het object wordt geladen.</p>
<p> Kijk naar het volgende voorbeeld.</p>
<h3> <strong> Voorbeeld</strong> </h3>
<p> Voeg eerst een titel en kop toe zoals besproken in de vorige methode:</p>
<span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> titel</span></a> ></span> Pagina verversen elke 5 seconden<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> Pagina automatisch vernieuwen<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> Pas nu de ' <strong> laden</strong> ” gebeurtenis en roep de functie op “ <strong> pagina hernieuwen()</strong> ' en doorgeven ' <strong> 5000</strong> ” als argument dat een tijdsinterval van vijf seconden aangeeft:</p>
<span class="sy0"> <</span> body onload<span class="sy0"> =</span> <span class="st0"> 'JavaScript:refreshPage(5000);'</span><span class="sy0"> ></span> <br>
<br>
<span class="sy0"> </</span> lichaam<span class="sy0"> ></span>
<p> Definieer ten slotte een functie met de naam ' <strong> pagina hernieuwen()</strong> ' met ' <strong> t</strong> ” als een argument dat verwijst naar de ingestelde tijd voor het automatisch vernieuwen van de webpagina. De ' <strong> locatie.reload()</strong> ”-methode zal de pagina na de opgegeven tijd opnieuw laden:</p> functie refreshPage<span class="br0"> (</span> t<span class="br0"> )</span><span class="br0"> {</span> <br>
<br> setTime-out<span class="br0"> (</span><span class="st0"> 'locatie.reload(true);'</span> , t<span class="br0"> )</span><span class="sy0"> ;</span> <br>
<br>
<span class="br0"> }</span>
<p> <strong> Uitgang:</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> Methode 3: Webpagina automatisch vernieuwen om de 5 seconden in JavaScript met de methode setTimeout()</strong> </h2>
<p> De ' <strong> setTimeout()</strong> ”-methode roept een functie op na een opgegeven ingestelde tijd. Deze methode kan worden toegepast om een webpagina na een bepaalde ingestelde time-out opnieuw te laden.</p>
<p> <strong> Syntaxis</strong> </p> setTime-out<span class="br0"> (</span> functie, milliseconden, par1, par2<span class="br0"> )</span>
<p> In de gegeven syntaxis, ' <strong> functie</strong> ” verwijst naar de functie waartoe toegang moet worden verkregen, “ <strong> milliseconden</strong> ” is het specifieke tijdsinterval dat moet worden uitgevoerd, en “ <strong> paar 1</strong> ”, “ <strong> par2</strong> ” zijn de aanvullende parameters.</p>
<h3> <strong> Voorbeeld</strong> </h3>
<p> Pas in de scripttag van de HTML-pagina de ' <strong> setTimeout()</strong> ” op een zodanige manier dat wanneer 5 seconden worden verstreken, de methode location.reload() de webpagina opnieuw laadt:</p>
<span class="sy0"> <</span> script<span class="sy0"> ></span> <br>
<br> setTime-out<span class="br0"> (</span><span class="st0"> 'locatie.reload(true);'</span> ,<span class="nu0"> 5000</span><span class="br0"> )</span><span class="sy0"> ;</span> <br>
<br>
<span class="sy0"> </</span> script<span class="sy0"> ></span>
<p> <strong> Uitgang:</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> We hebben alle handige methoden besproken om een webpagina elke 5 seconden automatisch te vernieuwen met JavaScript.</p>
<h2> <strong> Conclusie</strong> </h2>
<p> Om een webpagina automatisch elke 5 seconden te vernieuwen met JavaScript, gebruik je de ' <strong> setInterval()</strong> ' en ' <strong> document.querySelector()</strong> ” methoden voor het aanpassen van de timerwaarde, de “ <strong> verversen()</strong> ”-methode voor het vernieuwen van een webpagina, of de “ <strong> setTimeout()</strong> ”-methode voor het instellen van een specifieke time-outverversingslimiet van een webpagina. Dit artikel demonstreerde de methoden om een webpagina elke 5 seconden automatisch te vernieuwen met behulp van 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="/ander/" class="tag-cloud-link">Ander</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">Categorie</h3>
<ul class="categories">
<li> <a href="/raspberry-pi/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Ander</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Zoom</a> </li><li> <a href="/cinnamon/">Kaneel</a> </li><li> <a href="/reviews/">Beoordelingen</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/">Compressie</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Luchtkraak</a> </li><li> <a href="/office-productivity-software/">Software Voor Kantoorproductiviteit</a> </li><li> <a href="/boot/">Bagageruimte</a> </li><li> <a href="/system-calls/">Systeemoproepen</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Netwerken</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/">Havenarbeider</a> </li><li> <a href="/firewall/">Firewall</a> </li><li> <a href="/wireshark/">Draadhaai</a> </li><li> <a href="/synology/">Synology</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Etherische</a> </li><li> <a href="/parrot-os/">Papegaai Os</a> </li><li> <a href="/sublime/">Subliem</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hyper-V</a> </li><li> <a href="/phone/">Telefoon</a> </li><li> <a href="/kodi/">Code</a> </li><li> <a href="/gnome/">Kabouter</a> </li><li> <a href="/manjaro/">Delicatesse</a> </li><li> <a href="/mouse/">Muis</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/">Pycharme</a> </li><li> <a href="/curl/">Krul</a> </li><li> <a href="/kde/">Waar</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Lettertypen</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Afbeeldingen</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Inktvis</a> </li><li> <a href="/mate/">Maat</a> </li><li> <a href="/vlc-media-player/">Vlc Media Speler</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Toetsenbord</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Encryptie</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/">Atoom</a> </li><li> <a href="/red-hat/">Rode Hoed</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-Notitieboekje</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/">Mediaspelers</a> </li><li> <a href="/posix/">Positief</a> </li><li> <a href="/steam/">Stoom-</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Stroom</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">M²</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Greep</a> </li><li> <a href="/gentoo/">Ezel</a> </li><li> <a href="/odyssey/">Odyssee</a> </li><li> <a href="/audio/">Audio</a> </li><li> <a href="/cpu/">Processor</a> </li><li> <a href="/tensorflow/">Tensorstroom</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/">Ramen</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Verouderd)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Kantoor</a> </li><li> <a href="/ander/">Ander</a> </li><li> <a href="/webcam/">webcam</a> </li><li> <a href="/mediaspelers/">mediaspelers</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/kabouter/">kabouter</a> </li><li> <a href="/bagageruimte/">bagageruimte</a> </li><li> <a href="/subliem/">subliem</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/volgendewolk/">volgendewolk</a> </li><li> <a href="/deugd/">deugd</a> </li><li> <a href="/usb-doorvoer/">usb-doorvoer</a> </li><li> <a href="/gleufhoed/">gleufhoed</a> </li><li> <a href="/secure-boot/">#secure-boot</a> </li><li> <a href="/apparaat-passthrough/">apparaat-passthrough</a> </li><li> <a href="/sdn/">SDN</a> </li><li> <a href="/driver-installatie/">driver-installatie</a> </li>
</ul>
</div>
<div class="sidebar-box ftco-animate">
<h3 class="sidebar-heading">Populaire Berichten</h3>
<div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/1E/how-to-randomize-a-value-in-matlab-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/hoe-een-waarde-in-matlab-willekeurig-te-maken">Hoe een waarde in MATLAB willekeurig te maken?</a> </h3>
<div class="meta">
<div> <a href="/ander/"><span class="icon-chat"></span> Ander</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-can-i-show-what-a-commit-did-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/hoe-kan-ik-laten-zien-wat-een-commit-heeft-gedaan">Hoe kan ik laten zien wat een commit heeft gedaan?</a> </h3>
<div class="meta">
<div> <a href="/ander/"><span class="icon-chat"></span> Ander</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/2F/installing-git-in-path-with-github-client-for-windows-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/git-installeren-in-path-met-github-client-voor-windows">Git installeren in PATH Met GitHub-client voor Windows</a> </h3>
<div class="meta">
<div> <a href="/ander/"><span class="icon-chat"></span> Ander</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/52/what-does-xd-mean-on-roblox-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/wat-betekent-xd-op-roblox">Wat betekent xd op Roblox?</a> </h3>
<div class="meta">
<div> <a href="/ander/"><span class="icon-chat"></span> Ander</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-add-a-giveaway-bot-on-discord-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/hoe-een-giveaway-bot-op-discord-toe-te-voegen">Hoe een Giveaway-bot op Discord toe te voegen</a> </h3>
<div class="meta">
<div> <a href="/ander/"><span class="icon-chat"></span> Ander</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/what-is-the-queue-in-golang-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/wat-is-de-wachtrij-in-golang">Wat is de wachtrij in Golang?</a> </h3>
<div class="meta">
<div> <a href="/ander/"><span class="icon-chat"></span> Ander</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/elasticsearch-enable-anonymous-login-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/elasticsearch-anoniem-inloggen-inschakelen">Elasticsearch Anoniem inloggen inschakelen</a> </h3>
<div class="meta">
<div> <a href="/ander/"><span class="icon-chat"></span> Ander</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/4D/sql-server-right-function-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/sql-server-juiste-functie">SQL Server juiste functie</a> </h3>
<div class="meta">
<div> <a href="/ander/"><span class="icon-chat"></span> Ander</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/7B/send-an-email-using-perl-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/een-e-mail-verzenden-met-perl">Een e-mail verzenden met Perl</a> </h3>
<div class="meta">
<div> <a href="/ander/"><span class="icon-chat"></span> Ander</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/57/how-to-do-the-floor-division-in-python-to-round-down-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/hoe-de-vloerverdeling-in-python-naar-beneden-wordt-afgerond">Hoe de vloerverdeling in Python naar beneden wordt afgerond</a> </h3>
<div class="meta">
<div> <a href="/ander/"><span class="icon-chat"></span> Ander</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C7/tkinter-button-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/tkinter-knop">Tkinter-knop</a> </h3>
<div class="meta">
<div> <a href="/ander/"><span class="icon-chat"></span> Ander</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/5A/what-is-elastic-beanstalk-is-it-paas-or-iaas-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/wat-is-elastische-bonenstaak-is-het-paas-of-iaas">Wat is elastische bonenstaak? Is het PaaS of IaaS?</a> </h3>
<div class="meta">
<div> <a href="/ander/"><span class="icon-chat"></span> Ander</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/69/how-to-disable-dms-from-random-people-on-discord-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/hoe-dm-s-van-willekeurige-mensen-op-discord-uit-te-schakelen">Hoe DM's van willekeurige mensen op Discord uit te schakelen</a> </h3>
<div class="meta">
<div> <a href="/ander/"><span class="icon-chat"></span> Ander</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/FE/how-to-rename-administrator-and-guest-accounts-in-windows-server-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/de-naam-van-beheerders-en-gastaccounts-wijzigen-in-windows-server">De naam van beheerders- en gastaccounts wijzigen in Windows Server</a> </h3>
<div class="meta">
<div> <a href="/ander/"><span class="icon-chat"></span> Ander</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/09/what-is-readline-method-in-c-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/wat-is-de-readline-methode-in-c">Wat is de ReadLine()-methode in C#</a> </h3>
<div class="meta">
<div> <a href="/ander/"><span class="icon-chat"></span> Ander</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/CC/how-to-change-the-aspect-ratio-in-midjourney-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/hoe-de-beeldverhouding-halverwege-de-reis-te-wijzigen">Hoe de beeldverhouding halverwege de reis te wijzigen</a> </h3>
<div class="meta">
<div> <a href="/ander/"><span class="icon-chat"></span> Ander</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/8B/program-esp32-with-micropython-using-mu-editor-1.jpeg);"></a>
<div class="text">
<h3 class="heading"> <a href="/programmeer-esp32-met-micropython-met-behulp-van-mu-editor">Programmeer ESP32 met MicroPython met behulp van Mu Editor</a> </h3>
<div class="meta">
<div> <a href="/ander/"><span class="icon-chat"></span> Ander</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/what-is-char-data-type-in-c-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/wat-is-char-gegevenstype-in-c">Wat is char-gegevenstype in C ++</a> </h3>
<div class="meta">
<div> <a href="/ander/"><span class="icon-chat"></span> Ander</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/9B/how-can-i-use-wildcards-to-cp-a-group-of-files-with-aws-cli-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/hoe-kan-ik-wildcards-gebruiken-om-een-groep-bestanden-te-cp-en-met-aws-cli">Hoe kan ik wildcards gebruiken om een groep bestanden te `cp`en met AWS CLI</a> </h3>
<div class="meta">
<div> <a href="/ander/"><span class="icon-chat"></span> Ander</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/B8/the-third-normal-form-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/de-derde-normaalvorm">De derde normaalvorm</a> </h3>
<div class="meta">
<div> <a href="/ander/"><span class="icon-chat"></span> Ander</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>