In JavaScript gibt es Situationen, in denen wir sicherstellen müssen, dass der eingegebene Inhalt auf einer bestimmten Website korrekt und aktuell ist. Zum Beispiel ist es erforderlich, den neuesten Inhalt einer Webseite anzuzeigen, während Sie ein langes Formular ausfüllen und die neuen Änderungen beobachten, oder wenn Sie eine Website testen möchten. In solchen Fällen ist die automatische Aktualisierung einer Webseite alle 5 Sekunden mit JavaScript sehr hilfreich, um mit solchen Situationen fertig zu werden.
In diesem Artikel werden die Methoden zum automatischen Aktualisieren einer Webseite alle 5 Sekunden mit JavaScript erläutert.
VIDEO
Wie aktualisiert man die Webseite automatisch alle 5 Sekunden mit JavaScript?
Um eine Webseite alle 5 Sekunden mit JavaScript automatisch zu aktualisieren, können die folgenden Ansätze verwendet werden:
Gehen Sie die besprochenen Methoden einzeln durch!
Methode 1: Webseite alle 5 Sekunden automatisch aktualisieren in JavaScript mit den Methoden setInterval() und document.querySelector()
Das ' setInterval() “-Methode greift in einem bestimmten Zeitintervall auf eine Funktion zu und die „ document.querySelector() ”-Methode ruft das erste Element ab, das mit einem CSS-Selektor übereinstimmt. Diese Methoden können in Kombination verwendet werden, um auf das spezifische Überschriften-Tag zuzugreifen und das Zeitintervall mit Hilfe eines Timers auf eine erforderliche Funktionalität einzustellen.
Syntax
setIntervall ( Funktion, Millisekunden, par1, par2 )
In der obigen Syntax „ Funktion “ bezieht sich auf die Funktion, auf die zugegriffen werden muss, „ Millisekunden “ ist das spezifische auszuführende Zeitintervall und „ Paar 1 ' und ' par2 “ sind die zusätzlichen Parameter.
querySelector ( CSS )
Hier, ' CSS-Selektoren “ stehen für einen oder mehrere CSS-Selektoren.
Schauen Sie sich das folgende Beispiel an.
Beispiel
Geben Sie zunächst einen Titel und eine Überschrift in den Tags
bzw. <h2> an:</p>
<span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> Titel</span></a> ></span> Seitenaktualisierung alle 5 Sekunden<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"> 'Textausrichtung: links'</span> ></span> Seite automatisch aktualisieren<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> Stellen Sie nun einen Timer-Wert als „ <strong> 1</strong> “:</p> Timer lassen<span class="sy0"> =</span> <span class="nu0"> 1</span><span class="sy0"> ;</span>
<p> Wenden Sie danach das „ <strong> setInterval()</strong> ” Methode mit einem “ <strong> 1000ms</strong> ' Wert. Dadurch wird der Timer jede Sekunde erhöht. Greifen Sie auch auf die angegebene Überschrift zu, um sie auf der „ <strong> Dokumentobjektmodell (DOM)</strong> “ nach Ablauf des eingestellten Timerwerts.</p>
<p> Iterieren Sie schließlich den Wert des Timers mit dem Inkrement von „ <strong> 1</strong> ” mit “ <strong> ++</strong> ” Post-Increment-Operator und wenden Sie eine Bedingung so an, dass, wenn der Wert 5 überschreitet, der „ <strong> location.reload()</strong> ”-Methode führt zum Neuladen des Fensters:</p> setIntervall<span class="br0"> (</span><span class="br0"> (</span><span class="br0"> )</span> <span class="sy0"> =></span> <span class="br0"> {</span> <br> dokumentieren.<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"> wenn</span><span class="br0"> (</span> Timer<span class="sy0"> ></span><span class="nu0"> 5</span><span class="br0"> )</span> <br> Lage.<span class="me1"> neu laden</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 ist ersichtlich, dass unsere Webseite alle fünf Sekunden automatisch aktualisiert wird:</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: Webseite automatisch alle 5 Sekunden in JavaScript mit Onload-Ereignis aktualisieren</strong> </h2>
<p> Das ' <strong> laden</strong> ”-Ereignis wird ausgelöst, wenn ein Objekt geladen wurde. Diese Technik kann implementiert werden, um die Seite mit Hilfe einer benutzerdefinierten Funktion zu aktualisieren, wenn die Webseite geladen wird.</p>
<p> <strong> Syntax</strong> </p> Objekt.<span class="me1"> laden</span> <span class="sy0"> =</span> Seite neu laden<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> meinSkript<span class="br0"> }</span><span class="sy0"> ;</span>
<p> In der gegebenen Syntax „ <strong> Funktion</strong> “ bezieht sich auf die Funktion, die aufgerufen werden muss, wenn das Objekt geladen wird.</p>
<p> Sehen Sie sich das folgende Beispiel an.</p>
<h3> <strong> Beispiel</strong> </h3>
<p> Fügen Sie zunächst einen Titel und eine Überschrift hinzu, wie in der vorherigen Methode beschrieben:</p>
<span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> Titel</span></a> ></span> Seitenaktualisierung alle 5 Sekunden<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> Seite automatisch aktualisieren<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> Wenden Sie jetzt das „ <strong> laden</strong> ” Ereignis und rufe die Funktion auf “ <strong> Seite neu laden()</strong> ” und passieren “ <strong> 5000</strong> ” als Argument, das ein Zeitintervall von fünf Sekunden angibt:</p>
<span class="sy0"> <</span> Körper laden<span class="sy0"> =</span> <span class="st0"> 'JavaScript:refreshPage(5000);'</span><span class="sy0"> ></span> <br>
<br>
<span class="sy0"> </</span> Karosserie<span class="sy0"> ></span>
<p> Definieren Sie zuletzt eine Funktion mit dem Namen „ <strong> Seite neu laden()</strong> ' mit ' <strong> t</strong> “ als Argument, das sich auf die eingestellte Zeit für die automatische Aktualisierung der Webseite bezieht. Das ' <strong> location.reload()</strong> ”-Methode lädt die Seite nach der angegebenen Zeit neu:</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> Ausgabe</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: Webseite automatisch alle 5 Sekunden in JavaScript aktualisieren Mit der Methode setTimeout()</strong> </h2>
<p> Das ' <strong> setTimeout()</strong> ”-Methode ruft eine Funktion nach einer festgelegten Zeit auf. Diese Methode kann angewendet werden, um eine Webseite nach einem bestimmten festgelegten Timeout neu zu laden.</p>
<p> <strong> Syntax</strong> </p> setTimeout<span class="br0"> (</span> Funktion, Millisekunden, par1, par2<span class="br0"> )</span>
<p> In der gegebenen Syntax „ <strong> Funktion</strong> “ bezieht sich auf die Funktion, auf die zugegriffen werden soll, „ <strong> Millisekunden</strong> “ ist das spezifische auszuführende Zeitintervall und „ <strong> Paar 1</strong> “, „ <strong> par2</strong> “ sind die zusätzlichen Parameter.</p>
<h3> <strong> Beispiel</strong> </h3>
<p> Wenden Sie im script-Tag der HTML-Seite das „ <strong> setTimeout()</strong> ”-Methode so, dass nach Ablauf von 5 Sekunden die location.reload()-Methode die Webseite neu lädt:</p>
<span class="sy0"> <</span> Skript<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> Skript<span class="sy0"> ></span>
<p> <strong> Ausgabe</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> Wir haben alle praktischen Methoden zur automatischen Aktualisierung einer Webseite alle 5 Sekunden mit JavaScript besprochen.</p>
<h2> <strong> Fazit</strong> </h2>
<p> Um eine Webseite alle 5 Sekunden mit JavaScript automatisch zu aktualisieren, verwenden Sie die „ <strong> setInterval()</strong> ' und ' <strong> document.querySelector()</strong> “ Methoden zum Anpassen des Timerwerts, die „ <strong> Aktualisierung()</strong> “-Methode zum Aktualisieren einer Webseite oder die „ <strong> setTimeout()</strong> ”-Methode zum Festlegen eines bestimmten Timeout-Aktualisierungslimits einer Webseite. Dieser Artikel demonstrierte die Methoden zum automatischen Aktualisieren einer Webseite alle 5 Sekunden mit 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="/sonstiges/" class="tag-cloud-link">Sonstiges</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">Kategorie</h3>
<ul class="categories">
<li> <a href="/raspberry-pi/">Himbeer-Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Sonstiges</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Zoomen</a> </li><li> <a href="/cinnamon/">Zimt</a> </li><li> <a href="/reviews/">Bewertungen</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/">Luftriss</a> </li><li> <a href="/office-productivity-software/">Office-Produktivitätssoftware</a> </li><li> <a href="/boot/">Stiefel</a> </li><li> <a href="/system-calls/">Systemaufrufe</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Vernetzung</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/">Drahthai</a> </li><li> <a href="/synology/">Synologie</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Äther</a> </li><li> <a href="/parrot-os/">Papagei Os</a> </li><li> <a href="/sublime/">Sublimieren</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/">Code</a> </li><li> <a href="/gnome/">Gnom</a> </li><li> <a href="/manjaro/">Delikatesse</a> </li><li> <a href="/mouse/">Maus</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/">Tablette</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Locken</a> </li><li> <a href="/kde/">Wo</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Schriftarten</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/">Tintenfisch</a> </li><li> <a href="/mate/">Kamerad</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/">Klaviatur</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Verschlüsselung</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/">Roter Hut</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-Notizbuch</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/">Mediaplayer</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Dampf</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Energie</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Qm</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Griff</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odyssee</a> </li><li> <a href="/audio/">Audio</a> </li><li> <a href="/cpu/">Zentralprozessor</a> </li><li> <a href="/tensorflow/">Tensorfluss</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 (Legacy)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Büro</a> </li><li> <a href="/sonstiges/">Sonstiges</a> </li><li> <a href="/skypen/">skypen</a> </li><li> <a href="/himbeer-pi/">Himbeer-Pi</a> </li><li> <a href="/webcam/">Webcam</a> </li><li> <a href="/media-player/">Media-Player</a> </li><li> <a href="/andere/">Andere</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/glucklich/">glücklich</a> </li><li> <a href="/gnom/">Gnom</a> </li><li> <a href="/stiefel/">Stiefel</a> </li><li> <a href="/sublimieren/">sublimieren</a> </li><li> <a href="/tutorial/">Lernprogramm</a> </li><li> <a href="/linux/">Linux</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">nextcloud</a> </li><li> <a href="/tugend/">Tugend</a> </li><li> <a href="/usb-passthrough/">USB-Passthrough</a> </li><li> <a href="/sicherer-startvorgang/">#Sicherer Startvorgang</a> </li>
</ul>
</div>
<div class="sidebar-box ftco-animate">
<h3 class="sidebar-heading">Beliebte Beiträge</h3>
<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-increase-gpu-utilization-in-pytorch-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/wie-kann-die-gpu-auslastung-in-pytorch-erhoht-werden">Wie kann die GPU-Auslastung in PyTorch erhöht werden?</a> </h3>
<div class="meta">
<div> <a href="/andere/"><span class="icon-chat"></span> Andere</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/9A/what-is-the-difference-between-head^-and-head-in-git-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/was-ist-der-unterschied-zwischen-head^-und-head-in-git">Was ist der Unterschied zwischen HEAD^ und HEAD~ in Git?</a> </h3>
<div class="meta">
<div> <a href="/andere/"><span class="icon-chat"></span> Andere</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/23/how-to-block-a-website-for-a-standard-user-in-windows-10-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/wie-blockiere-ich-eine-website-fur-einen-standardbenutzer-in-windows-10">Wie blockiere ich eine Website für einen Standardbenutzer in Windows 10?</a> </h3>
<div class="meta">
<div> <a href="/andere/"><span class="icon-chat"></span> Andere</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/E2/what-is-android-system-webview-how-to-disable-it-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/was-ist-android-system-webview-wie-kann-ich-es-deaktivieren">Was ist Android System WebView – wie kann ich es deaktivieren?</a> </h3>
<div class="meta">
<div> <a href="/andere/"><span class="icon-chat"></span> Andere</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/how-to-append-values-to-object-in-javascript-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/so-hangen-sie-werte-an-objekte-in-javascript-an">So hängen Sie Werte an Objekte in JavaScript an</a> </h3>
<div class="meta">
<div> <a href="/sonstiges/"><span class="icon-chat"></span> Sonstiges</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/uninstall-the-docker-software-and-all-its-containers-on-ubuntu-22-04-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/deinstallieren-sie-die-docker-software-und-alle-ihre-container-auf-ubuntu-22-04">Deinstallieren Sie die Docker-Software und alle ihre Container auf Ubuntu 22.04</a> </h3>
<div class="meta">
<div> <a href="/andere/"><span class="icon-chat"></span> Andere</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/81/how-to-hide-apps-on-iphone-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/so-verstecken-sie-apps-auf-dem-iphone">So verstecken Sie Apps auf dem iPhone</a> </h3>
<div class="meta">
<div> <a href="/andere/"><span class="icon-chat"></span> Andere</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/75/windows-10-unmountable-boot-volume-bsod-error-3-solutions-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/windows-10-unmountable-boot-volume-bsod-fehler-3-losungen">Windows 10 UNMOUNTABLE_BOOT_VOLUME BSOD-Fehler | 3 Lösungen</a> </h3>
<div class="meta">
<div> <a href="/andere/"><span class="icon-chat"></span> Andere</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/9E/how-to-get-started-with-aws-elastic-beanstalk-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/wie-fange-ich-mit-aws-elastic-beanstalk-an">Wie fange ich mit AWS Elastic Beanstalk an?</a> </h3>
<div class="meta">
<div> <a href="/andere/"><span class="icon-chat"></span> Andere</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/A1/how-to-use-the-rsync-command-in-linux-1.jpg);"></a>
<div class="text">
<h3 class="heading"> <a href="/so-verwenden-sie-den-rsync-befehl-unter-linux">So verwenden Sie den Rsync-Befehl unter Linux</a> </h3>
<div class="meta">
<div> <a href="/andere/"><span class="icon-chat"></span> Andere</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/pandas-read-text-file-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/pandas-lesen-textdatei">Pandas lesen Textdatei</a> </h3>
<div class="meta">
<div> <a href="/sonstiges/"><span class="icon-chat"></span> Sonstiges</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/F4/select-the-top-10-rows-in-sql-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/wahlen-sie-die-top-10-zeilen-in-sql-aus">Wählen Sie die Top 10 Zeilen in SQL aus</a> </h3>
<div class="meta">
<div> <a href="/andere/"><span class="icon-chat"></span> Andere</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/what-is-the-rowspan-attribute-and-how-to-use-with-the-td-element-in-html-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/was-ist-das-rowspan-attribut-und-wie-wird-es-mit-dem-td-element-in-html-verwendet">Was ist das „rowspan“-Attribut und wie wird es mit dem „td“-Element in HTML verwendet?</a> </h3>
<div class="meta">
<div> <a href="/andere/"><span class="icon-chat"></span> Andere</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-get-first-character-from-a-string-in-javascript-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/so-erhalten-sie-das-erste-zeichen-aus-einer-zeichenfolge-in-javascript">So erhalten Sie das erste Zeichen aus einer Zeichenfolge in JavaScript</a> </h3>
<div class="meta">
<div> <a href="/sonstiges/"><span class="icon-chat"></span> Sonstiges</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-to-create-a-round-robin-load-balancer-in-kubernetes-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/so-erstellen-sie-einen-round-robin-load-balancer-in-kubernetes">So erstellen Sie einen Round-Robin-Load-Balancer in Kubernetes</a> </h3>
<div class="meta">
<div> <a href="/andere/"><span class="icon-chat"></span> Andere</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/34/what-are-the-amazon-redshift-datatypes-1.jpg);"></a>
<div class="text">
<h3 class="heading"> <a href="/was-sind-die-amazon-redshift-datentypen">Was sind die Amazon-Redshift-Datentypen?</a> </h3>
<div class="meta">
<div> <a href="/andere/"><span class="icon-chat"></span> Andere</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/ED/how-to-use-text-prompts-with-dall-e-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/wie-verwende-ich-textaufforderungen-mit-dall-e">Wie verwende ich Textaufforderungen mit DALL-E?</a> </h3>
<div class="meta">
<div> <a href="/andere/"><span class="icon-chat"></span> Andere</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="/was-ist-convertfrom-json-microsoft-powershell-utility">Was ist ConvertFrom-Json (Microsoft.PowerShell.Utility)?</a> </h3>
<div class="meta">
<div> <a href="/andere/"><span class="icon-chat"></span> Andere</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/31/is-roblox-down-here-8217-s-how-to-check-roblox-server-status-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/ist-roblox-ausgefallen-so-uberprufen-sie-den-status-des-roblox-servers">Ist Roblox ausgefallen? So überprüfen Sie den Status des Roblox-Servers</a> </h3>
<div class="meta">
<div> <a href="/andere/"><span class="icon-chat"></span> Andere</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/c-error-no-viable-overloaded-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/c-fehler-kein-lebensfahiges-uberladenes">C++-Fehler: Kein lebensfähiges überladenes „=“:</a> </h3>
<div class="meta">
<div> <a href="/sonstiges/"><span class="icon-chat"></span> Sonstiges</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>