Veebilehe automaatne värskendamine iga 5 sekundi järel JavaScripti abil

JavaScriptis on olukordi, kus peame tagama, et konkreetsel saidil sisestatud sisu oleks täpne ja ajakohane. Näiteks on vaja kuvada veebilehe uusim sisu, täites pikka vormi ja jälgides uusi muudatusi või kui soovite veebisaiti testida. Sellistel juhtudel on veebilehe automaatne värskendamine iga 5 sekundi järel JavaScripti abil seda tüüpi olukordades palju abiks.

Selles artiklis käsitletakse meetodeid veebilehe automaatseks värskendamiseks iga 5 sekundi järel JavaScripti abil.

Kuidas veebilehte JavaScripti abil automaatselt iga 5 sekundi järel värskendada?

Veebilehe automaatseks värskendamiseks iga 5 sekundi järel JavaScripti abil saab kasutada järgmisi lähenemisviise.

“ setInterval() ” ja „ document.querySelector() ” meetodid
“ värskenda() ” meetod
“ setTimeout() ” meetod

Vaadake käsitletud meetodid ükshaaval läbi!

1. meetod: veebilehe automaatne värskendamine iga 5 sekundi järel JavaScriptis, kasutades meetodeid setInterval() ja document.querySelector()

' setInterval() ' meetod pääseb funktsioonile juurde määratud ajaintervalli järel ja ' document.querySelector() ” meetod saab esimese elemendi, mis vastab CSS-i valijale. Neid meetodeid saab kasutada kombineeritult, et pääseda juurde konkreetsele pealkirjasildile ja seada ajavahemik taimeri abil vajalikule funktsioonile.

Süntaks

setInterval ( funktsioon, millisekundid, par1, par2 )

Ülaltoodud süntaksis ' funktsiooni ' viitab funktsioonile, millele tuleb juurde pääseda, ' millisekundid ' on konkreetne ajavahemik, mis tuleb käivitada, ja ' paar 1 ” ja „ par2 ” on lisaparameetrid.

dokument. querySelector ( CSS valijad )

Siin, ' CSS-i valijad ” tähistavad ühte või mitut CSS-i valijat.

Vaadake järgmist näidet.

Näide

Esmalt määrake märgendis ja <h2> pealkiri ja pealkiri:</p> <span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> pealkiri</span></a> ></span> Lehekülge värskendatakse iga 5 sekundi järel<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> pealkiri</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"> stiilis</span><span class="sy0"> =</span><span class="st0"> 'teksti joondamine: vasakule'</span> ></span> Lehe automaatne värskendamine<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> Nüüd määrake taimeri väärtuseks ' <strong> 1</strong> ”:</p> lase taimer<span class="sy0"> =</span> <span class="nu0"> 1</span><span class="sy0"> ;</span> <p> Pärast seda rakendage ' <strong> setInterval()</strong> ' meetod koos ' <strong> 1000 ms</strong> ” väärtus. See suurendab taimerit iga sekundi järel. Samuti avage määratud pealkiri, et kuvada see ' <strong> Dokumendiobjekti mudel (DOM)</strong> ” seadistatud taimeri väärtuse lõppemisel.</p> <p> Lõpuks korrake taimeri väärtust sammuga ' <strong> 1</strong> ' kasutades ' <strong> ++</strong> ” järelkasvuoperaator ja rakendage tingimust nii, et kui väärtus ületab 5, siis ' <strong> location.reload()</strong> ” meetod toob kaasa akna uuesti laadimise:</p> setInterval<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"> sisemine Tekst</span><span class="sy0"> =</span> taimer<span class="sy0"> ;</span> <br> taimer<span class="sy0"> ++;</span> <br> <span class="kw1"> kui</span><span class="br0"> (</span> taimer<span class="sy0"> ></span><span class="nu0"> 5</span><span class="br0"> )</span> <br> asukoht.<span class="me1"> uuesti laadima</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> On näha, et meie veebilehte värskendatakse automaatselt iga viie sekundi järel:</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> 2. meetod: veebilehe automaatne värskendamine iga 5 sekundi järel JavaScriptis, kasutades laadimissündmust</strong> </h2> <p> ' <strong> laadimine</strong> ” sündmus käivitub, kui objekt on laaditud. Seda tehnikat saab rakendada lehe värskendamiseks veebilehe laadimisel kasutaja määratud funktsiooni abil.</p> <p> <strong> Süntaks</strong> </p> objektiks.<span class="me1"> laadimine</span> <span class="sy0"> =</span> värskendusleht<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> myScript<span class="br0"> }</span><span class="sy0"> ;</span> <p> Antud süntaksis ' <strong> funktsiooni</strong> ” viitab funktsioonile, mida tuleb objekti laadimisel käivitada.</p> <p> Vaadake järgmist näidet.</p> <h3> <strong> Näide</strong> </h3> <p> Esiteks lisage pealkiri ja pealkiri, nagu arutati eelmises meetodis:</p> <span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> pealkiri</span></a> ></span> Lehekülge värskendatakse iga 5 sekundi järel<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> pealkiri</span></a> ></span> <br> <span class="sc2"> < <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> h2</span></a> ></span> Lehe automaatne värskendamine<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> Nüüd rakendage ' <strong> laadimine</strong> 'sündmus ja käivitage funktsioon ' <strong> värskendusleht()</strong> 'ja läbima' <strong> 5000</strong> ” argumendina, mis näitab viiesekundilist ajavahemikku:</p> <span class="sy0"> <</span> keha ülekoormus<span class="sy0"> =</span> <span class="st0"> 'JavaScript:refreshPage(5000);'</span><span class="sy0"> ></span> <br> <br> <span class="sy0"> </</span> keha<span class="sy0"> ></span> <p> Lõpuks määrake funktsioon nimega ' <strong> värskendusleht ()</strong> ' koos ' <strong> t</strong> ” argumendina, mis viitab veebilehe automaatse värskendamise määratud ajale. ' <strong> location.reload()</strong> ” meetod laadib lehe uuesti pärast määratud aega:</p> funktsioon 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> Väljund</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> 3. meetod: veebilehe automaatne värskendamine iga 5 sekundi järel JavaScriptis, kasutades meetodit setTimeout()</strong> </h2> <p> ' <strong> setTimeout()</strong> ” meetod kutsub funktsiooni välja pärast määratud aja möödumist. Seda meetodit saab rakendada veebilehe uuesti laadimiseks pärast teatud määratud ajalõpu.</p> <p> <strong> Süntaks</strong> </p> setTimeout<span class="br0"> (</span> funktsioon, millisekundid, par1, par2<span class="br0"> )</span> <p> Antud süntaksis ' <strong> funktsiooni</strong> ' viitab funktsioonile, millele pääsete juurde, ' <strong> millisekundid</strong> ' on konkreetne ajavahemik, mis tuleb käivitada, ja ' <strong> paar 1</strong> ”, „ <strong> par2</strong> ” on lisaparameetrid.</p> <h3> <strong> Näide</strong> </h3> <p> HTML-lehe skriptimärgendis rakendage ' <strong> setTimeout()</strong> ” meetodil, nii et 5 sekundi möödumisel laadib meetod location.reload() veebilehe uuesti:</p> <span class="sy0"> <</span> stsenaarium<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> stsenaarium<span class="sy0"> ></span> <p> <strong> Väljund</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> Oleme arutanud kõiki mugavaid meetodeid veebilehe automaatseks värskendamiseks iga 5 sekundi järel JavaScripti abil.</p> <h2> <strong> Järeldus</strong> </h2> <p> Veebilehe automaatseks värskendamiseks iga 5 sekundi järel JavaScripti abil kasutage <strong> setInterval()</strong> ” ja „ <strong> document.querySelector()</strong> ' meetodid taimeri väärtuse reguleerimiseks, ' <strong> värskenda()</strong> ' meetod veebilehe värskendamiseks või ' <strong> setTimeout()</strong> ” meetod veebilehe konkreetse ajalõpu värskenduslimiidi määramiseks. See artikkel demonstreeris meetodeid veebilehe automaatseks värskendamiseks iga 5 sekundi järel JavaScripti abil.</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="/muud/" class="tag-cloud-link">muud</a> </div> </div> </div> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Kategooria</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Vaarika Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Muu</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Suumida</a> </li><li> <a href="/cinnamon/">Kaneel</a> </li><li> <a href="/reviews/">Arvustused</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Raadio</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/">Kokkusurumine</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Lennurada</a> </li><li> <a href="/office-productivity-software/">Kontori Tootlikkuse Tarkvara</a> </li><li> <a href="/boot/">Saabas</a> </li><li> <a href="/system-calls/">Süsteemikõned</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Võrgustumine</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/">Dokkija</a> </li><li> <a href="/firewall/">Tulemüür</a> </li><li> <a href="/wireshark/">Wirehark</a> </li><li> <a href="/synology/">Sünoloogia</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Parrot Os</a> </li><li> <a href="/sublime/">Ülev</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hüper-V</a> </li><li> <a href="/phone/">Telefon</a> </li><li> <a href="/kodi/">Koodi</a> </li><li> <a href="/gnome/">Päkapikk</a> </li><li> <a href="/manjaro/">Delikatess</a> </li><li> <a href="/mouse/">Hiir</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/">Tablett</a> </li><li> <a href="/pycharm/">Püharm</a> </li><li> <a href="/curl/">Lokkima</a> </li><li> <a href="/kde/">Kus</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Fonte</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Pilte</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Kalmaar</a> </li><li> <a href="/mate/">Kaaslane</a> </li><li> <a href="/vlc-media-player/">Vlc Meediapleier</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Klaviatuur</a> </li><li> <a href="/inkscape/">Inkcape</a> </li><li> <a href="/encryption/">Krüptimine</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Skanner</a> </li><li> <a href="/atom/">Aatom</a> </li><li> <a href="/red-hat/">Punane Müts</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/">Jupyteri Märkmik</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Ajaveeb</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Meediamängijad</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Aur</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Võimsus</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Ruutmeetrit</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Haaret</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odüsseia</a> </li><li> <a href="/audio/">Heli</a> </li><li> <a href="/cpu/">Protsessor</a> </li><li> <a href="/tensorflow/">Tensorvool</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 (Pärand)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Kontor</a> </li><li> <a href="/muud/">muud</a> </li><li> <a href="/vaarika-pi/">Vaarika Pi</a> </li><li> <a href="/veebikaamera/">veebikaamera</a> </li><li> <a href="/meediapleierid/">meediapleierid</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/pakapikk/">päkapikk</a> </li><li> <a href="/saabas/">saabas</a> </li><li> <a href="/ulev/">ülev</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/jargmine-pilv/">järgmine pilv</a> </li><li> <a href="/voorus/">voorus</a> </li><li> <a href="/usb-labipaas/">usb-läbipääs</a> </li><li> <a href="/turvaline-alglaadimine/">#turvaline alglaadimine</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Lemmik Postitused</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/6B/how-to-work-with-private-branch-of-public-repositories-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuidas-tootada-avalike-hoidlate-privaatse-filiaaliga">Kuidas töötada avalike hoidlate privaatse filiaaliga?</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/pandas-reindex-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pandade-reindeks">Pandade Reindeks</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/how-to-remotely-shut-down-windows-10-using-cmd-command-line-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/windows-10-kaugvaljalulitamine-cmd-kasurea-abil">Windows 10 kaugväljalülitamine CMD käsurea abil</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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-read-a-table-in-matlab-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuidas-matlabis-tabelit-lugeda">Kuidas MATLABis tabelit lugeda?</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/how-to-use-chown-command-in-linux-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/kuidas-kasutada-chowni-kasku-linuxis">Kuidas kasutada Chowni käsku Linuxis</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/46/how-to-use-expand-operation-in-pytorch-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuidas-kasutada-pytorchis-laiendamisoperatsiooni">Kuidas kasutada PyTorchis laiendamisoperatsiooni?</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/AE/how-to-create-tabs-with-css-and-javascript-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/kuidas-luua-vahekaarte-css-i-ja-javascriptiga">Kuidas luua vahekaarte CSS-i ja JavaScriptiga?</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/37/c-overload-comparison-operator-in-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/c-ulekoormuse-vordlusoperaator-sisse">C++ ülekoormuse võrdlusoperaator sisse</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/how-to-install-jupyterhub-javascript-node-js-kernel-to-run-javascript-node-js-codes-on-jupyter-notebooks-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jupyterhubi-javascripti-node-js-i-kerneli-installimine-javascripti-node-js-koodide-kaitamiseks-jupyteri-sulearvutites">JupyterHubi JavaScripti/Node.js-i kerneli installimine JavaScripti/Node.js-koodide käitamiseks Jupyteri sülearvutites</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/create-kubernetes-endpointslices-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/looge-kubernetes-endpointslices">Looge Kubernetes EndpointSlices</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/56/how-to-find-factorial-in-matlab-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuidas-leida-matlabis-factorial">Kuidas leida MATLABis Factorial</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/06/how-to-reconfigure-installed-packages-on-debian-11-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuidas-installitud-pakette-uuesti-konfigureerida-debian-11-s">Kuidas installitud pakette uuesti konfigureerida Debian 11-s</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/AF/how-to-install-docker-compose-from-terminal-mac-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuidas-installida-maci-terminalist-docker-compose">Kuidas installida Maci terminalist Docker Compose</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/2E/what-is-matlab-used-for-essentials-of-matlab-programming-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/milleks-matlabi-kasutatakse-matlab-i-programmeerimise-pohialused">Milleks MATLABi kasutatakse? MATLAB-i programmeerimise põhialused</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/6E/how-to-write-a-caption-under-an-image-8211-css-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuidas-kirjutada-pildi-alla-pealdis-css">Kuidas kirjutada pildi alla pealdis? - CSS</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/E7/how-to-connect-arduino-nano-to-a-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuidas-uhendada-arduino-nano-raspberry-pi-ga">Kuidas ühendada Arduino Nano Raspberry Pi-ga</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/51/redis-xtrim-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/redis-xtrim">Redis XTRIM</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/17/how-to-use-array-of-json-objects-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuidas-kasutada-javascriptis-json-objektide-massiivi">Kuidas kasutada JavaScriptis JSON-objektide massiivi</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/F5/how-to-make-pink-dye-in-minecraft-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuidas-teha-minecraftis-roosat-varvi">Kuidas teha Minecraftis roosat värvi</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</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/5C/how-to-effectively-use-smart-switch-app-on-android-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuidas-smart-switchi-rakendust-androidis-tohusalt-kasutada">Kuidas Smart Switchi rakendust Androidis tõhusalt kasutada</a> </h3> <div class="meta"> <div> <a href="/muud/"><span class="icon-chat"></span> muud</a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div>  <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>