Kako samodejno osvežiti spletno stran vsakih 5 sekund z uporabo JavaScripta

V JavaScriptu obstajajo situacije, ko moramo zagotoviti, da je vnesena vsebina na določenem spletnem mestu točna in ažurna. Na primer, med izpolnjevanjem dolgega obrazca in opazovanjem novih sprememb ali ko želite preizkusiti spletno mesto, je na spletni strani potrebno prikazati najnovejšo vsebino. V takih primerih je samodejno osveževanje spletne strani vsakih 5 sekund z uporabo JavaScripta zelo koristno pri obvladovanju tovrstnih situacij.

Ta članek bo razpravljal o metodah za samodejno osveževanje spletne strani vsakih 5 sekund z uporabo JavaScripta.

Kako samodejno osvežiti spletno stran vsakih 5 sekund z uporabo JavaScripta?

Če želite samodejno osvežiti spletno stran vsakih 5 sekund z uporabo JavaScripta, lahko uporabite naslednje pristope:

“ setInterval() « in » document.querySelector() ” metode
“ osveži() ” metoda
“ setTimeout() ” metoda

Pojdite skozi obravnavane metode eno za drugo!

1. način: samodejno osveži spletno stran vsakih 5 sekund v JavaScriptu z uporabo metod setInterval() in document.querySelector().

' setInterval() ' dostopa do funkcije v določenem časovnem intervalu in ' document.querySelector() ” pridobi prvi element, ki se ujema z izbirnikom CSS. Te metode je mogoče uporabiti v kombinaciji za dostop do določene oznake naslova in nastavitev časovnega intervala na zahtevano funkcionalnost s pomočjo časovnika.

Sintaksa

setInterval ( funkcija, milisekunde, par1, par2 )

V zgornji sintaksi ' funkcijo ' se nanaša na funkcijo, do katere je treba dostopati, ' milisekundah ” je določen časovni interval za izvedbo in “ par 1 « in » par2 ” so dodatni parametri.

dokument. querySelector ( CSS selektorji )

Tukaj, ' Izbirniki CSS ” predstavljajo enega ali več izbirnikov CSS.

Oglejte si naslednji primer.

Primer

Najprej določite naslov in naslov v oznakah oziroma <h2>:</p> <span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> naslov</span></a> ></span> Stran se osveži vsakih 5 sekund<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> naslov</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"> 'poravnava besedila: levo'</span> ></span> Samodejno osveži stran<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> Zdaj nastavite vrednost časovnika kot ' <strong> 1</strong> ”:</p> naj časovnik<span class="sy0"> =</span> <span class="nu0"> 1</span><span class="sy0"> ;</span> <p> Po tem uporabite » <strong> setInterval()</strong> ' metoda z ' <strong> 1000 ms</strong> ” vrednost. To bo časovnik povečalo vsako sekundo. Prav tako odprite navedeni naslov, da ga prikažete na ' <strong> Objektni model dokumenta (DOM)</strong> ” ob koncu nastavljene vrednosti časovnika.</p> <p> Končno ponovite vrednost časovnika s prirastkom ' <strong> 1</strong> ' z uporabo ' <strong> ++</strong> ” po inkrementnem operatorju in uporabite pogoj tako, da če vrednost preseže 5, se <strong> lokacija.reload()</strong> ” bo povzročilo ponovno nalaganje okna:</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"> innerText</span><span class="sy0"> =</span> časovnik<span class="sy0"> ;</span> <br> časovnik<span class="sy0"> ++;</span> <br> <span class="kw1"> če</span><span class="br0"> (</span> časovnik<span class="sy0"> ></span><span class="nu0"> 5</span><span class="br0"> )</span> <br> lokacijo.<span class="me1"> ponovno naloži</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> Vidimo lahko, da se naša spletna stran samodejno osveži vsakih pet 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> 2. način: samodejno osveži spletno stran vsakih 5 sekund v JavaScriptu z uporabo dogodka ob nalaganju</strong> </h2> <p> ' <strong> onload</strong> ” se sproži dogodek, ko je predmet naložen. To tehniko je mogoče implementirati za osvežitev strani s pomočjo uporabniško določene funkcije, ko se spletna stran naloži.</p> <p> <strong> Sintaksa</strong> </p> predmet.<span class="me1"> onload</span> <span class="sy0"> =</span> osveži stran<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> myScript<span class="br0"> }</span><span class="sy0"> ;</span> <p> V dani sintaksi je ' <strong> funkcijo</strong> ” se nanaša na funkcijo, ki jo je treba poklicati, ko je predmet naložen.</p> <p> Poglejte naslednji primer.</p> <h3> <strong> Primer</strong> </h3> <p> Najprej vključite naslov in naslov, kot je opisano v prejšnji metodi:</p> <span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> naslov</span></a> ></span> Stran se osveži vsakih 5 sekund<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> naslov</span></a> ></span> <br> <span class="sc2"> < <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> h2</span></a> ></span> Samodejno osveži stran<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> Zdaj uporabite ' <strong> onload</strong> ” dogodek in pokličite funkcijo “ <strong> osvežiStran()</strong> ' in mimo ' <strong> 5000</strong> ” kot argument, ki označuje petsekundni časovni interval:</p> <span class="sy0"> <</span> obremenitev telesa<span class="sy0"> =</span> <span class="st0"> 'JavaScript:refreshPage(5000);'</span><span class="sy0"> ></span> <br> <br> <span class="sy0"> </</span> telo<span class="sy0"> ></span> <p> Nazadnje definirajte funkcijo z imenom ' <strong> osveži stran()</strong> ' z ' <strong> t</strong> ” kot argument, ki se nanaša na nastavljen čas za samodejno osveževanje spletne strani. ' <strong> lokacija.reload()</strong> ” bo ponovno naložila stran po določenem času:</p> funkcija 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> Izhod</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. način: samodejno osveži spletno stran vsakih 5 sekund v JavaScriptu z uporabo metode setTimeout().</strong> </h2> <p> ' <strong> setTimeout()</strong> ” metoda prikliče funkcijo po določenem nastavljenem času. To metodo je mogoče uporabiti za ponovno nalaganje spletne strani po določeni nastavljeni časovni omejitvi.</p> <p> <strong> Sintaksa</strong> </p> setTimeout<span class="br0"> (</span> funkcija, milisekunde, par1, par2<span class="br0"> )</span> <p> V dani sintaksi je ' <strong> funkcijo</strong> ' se nanaša na funkcijo, do katere želite dostopati, ' <strong> milisekundah</strong> ” je določen časovni interval za izvedbo in “ <strong> par 1</strong> ”, “ <strong> par2</strong> ” so dodatni parametri.</p> <h3> <strong> Primer</strong> </h3> <p> V oznaki skripta strani HTML uporabite » <strong> setTimeout()</strong> ” na ta način, ko mine 5 sekund, metoda location.reload() ponovno naloži spletno stran:</p> <span class="sy0"> <</span> scenarij<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> scenarij<span class="sy0"> ></span> <p> <strong> Izhod</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> Razpravljali smo o vseh priročnih metodah za samodejno osveževanje spletne strani vsakih 5 sekund z uporabo JavaScripta.</p> <h2> <strong> Zaključek</strong> </h2> <p> Če želite spletno stran samodejno osvežiti vsakih 5 sekund z uporabo JavaScripta, uporabite » <strong> setInterval()</strong> « in » <strong> document.querySelector()</strong> ' metode za prilagajanje vrednosti časovnika, ' <strong> osveži()</strong> ' za osvežitev spletne strani ali ' <strong> setTimeout()</strong> ” za nastavitev določene časovne omejitve osveževanja spletne strani. Ta članek prikazuje metode za samodejno osveževanje spletne strani vsakih 5 sekund z uporabo JavaScripta.</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="/drugo/" class="tag-cloud-link">drugo</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">Kategorija</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Malina Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Drugo</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Povečavo</a> </li><li> <a href="/cinnamon/">Cimet</a> </li><li> <a href="/reviews/">Ocene</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/">Stiskanje</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Zračna Razpoka</a> </li><li> <a href="/office-productivity-software/">Programska Oprema Za Pisarniško Produktivnost</a> </li><li> <a href="/boot/">Zagon</a> </li><li> <a href="/system-calls/">Sistemski Klici</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Mreženje</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/">Požarni Zid</a> </li><li> <a href="/wireshark/">Žica</a> </li><li> <a href="/synology/">Sinoniologija</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Os Papiga</a> </li><li> <a href="/sublime/">Vzvišeno</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hiper-V</a> </li><li> <a href="/phone/">Telefon</a> </li><li> <a href="/kodi/">Koda</a> </li><li> <a href="/gnome/">Gnome</a> </li><li> <a href="/manjaro/">Poslastica</a> </li><li> <a href="/mouse/">Miško</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Hudournik</a> </li><li> <a href="/tablet/">Tablični Računalnik</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Curl</a> </li><li> <a href="/kde/">Kje</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Pisave</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Slike</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Lignji</a> </li><li> <a href="/mate/">Kolega</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/">Tipkovnico</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Šifriranje</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Skener</a> </li><li> <a href="/atom/">Atom</a> </li><li> <a href="/red-hat/">Rdeč Klobuk</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/">Beležnica Jupyter</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Spletni Dnevnik</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Medijski Predvajalniki</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Pare</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Moč</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">M2</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Oprijem</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odiseja</a> </li><li> <a href="/audio/">Zvok</a> </li><li> <a href="/cpu/">Procesor</a> </li><li> <a href="/tensorflow/">Tenzorski Tok</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 (Zapuščina)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Pisarna</a> </li><li> <a href="/drugo/">drugo</a> </li><li> <a href="/spletna-kamera/">Spletna kamera</a> </li><li> <a href="/medijski-predvajalniki/">medijski predvajalniki</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/skorenj/">škorenj</a> </li><li> <a href="/vzviseno/">vzvišeno</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">nextcloud</a> </li><li> <a href="/vrlina/">vrlina</a> </li><li> <a href="/usb-prehod/">usb-prehod</a> </li><li> <a href="/varni-zagon/">#varni zagon</a> </li><li> <a href="/prehod-naprave/">prehod naprave</a> </li><li> <a href="/sdn/">SDN</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Priljubljene Objave</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C0/mysql-round-function-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/funkcija-mysql-round">Funkcija MySQL Round().</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/D0/how-to-modify-the-systemd-service-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-spremeniti-storitev-systemd">Kako spremeniti storitev Systemd</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/86/what-does-getcomputedstyle-method-of-window-object-do-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kaj-pocne-metoda-getcomputedstyle-predmeta-window-v-javascriptu">Kaj počne metoda getComputedStyle() predmeta Window v JavaScriptu</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/27/what-is-memory-address-in-c-and-how-to-find-it-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kaj-je-pomnilniski-naslov-v-c-in-kako-ga-najti">Kaj je pomnilniški naslov v C++ in kako ga najti?</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/how-to-install-windows-11-virtual-machine-on-vmware-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-namestiti-windows-11-virtualni-stroj-na-vmware">Kako namestiti Windows 11 (virtualni stroj) na VMware?</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/CE/how-to-change-the-weather-in-minecraft-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-spremeniti-vreme-v-minecraftu">Kako spremeniti vreme v Minecraftu</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/FA/important-proxmox-ve-8-pci-pcie-passthrough-tweaks-fixes-and-workarounds-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pomembne-prilagoditve-popravki-in-resitve-za-prehod-proxmox-ve-8-pci-pcie">Pomembne prilagoditve, popravki in rešitve za prehod Proxmox VE 8 PCI/PCIE</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/how-to-use-homebrew-zsh-instead-of-the-os-x-default-bash-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-uporabljati-homebrew-zsh-namesto-privzetega-bash-os-x">Kako uporabljati Homebrew Zsh namesto privzetega Bash OS X</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/C9/what-is-an-undefined-index-error-in-php-and-how-to-fix-it-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kaj-je-nedefinirana-napaka-indeksa-v-php-in-kako-jo-popraviti">Kaj je nedefinirana napaka indeksa v PHP in kako jo popraviti?</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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-enable-virtualization-in-windows-10-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-omogociti-virtualizacijo-v-sistemu-windows-10">Kako omogočiti virtualizacijo v sistemu Windows 10</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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-write-and-use-infinity-symbol-in-latex-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-napisati-in-uporabiti-simbol-neskoncnosti-v-latexu">Kako napisati in uporabiti simbol neskončnosti v LaTeXu</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/how-do-i-change-my-zsh-prompt-name-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-spremenim-ime-svojega-poziva-zsh">Kako spremenim ime svojega poziva Zsh</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/01/tailwind-utilities-for-controlling-the-font-family-of-an-element-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pripomocki-tailwind-za-nadzor-druzine-pisav-elementa">Pripomočki Tailwind za nadzor družine pisav elementa</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/how-to-make-blinking-flashing-text-with-css-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-narediti-utripajoce-utripajoce-besedilo-s-css">Kako narediti utripajoče/utripajoče besedilo s CSS</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/D2/lwc-connectedcallback-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/lwc-connectedcallback">LWC – ConnectedCallback()</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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="/ustvari-kubernetes-endpointslices">Ustvari Kubernetes EndpointSlices</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/42/how-to-make-amazing-commits-using-git-add-interactive-command-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-narediti-neverjetne-potrditve-z-ukazom-git-add-interactive">Kako narediti neverjetne potrditve z ukazom “git add –interactive”.</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/76/what-is-aws-amazon-web-services-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kaj-je-aws-spletne-storitve-amazon">Kaj je AWS? | Spletne storitve Amazon</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/1A/what-is-the-use-of-pause-and-break-key-on-the-keyboard-in-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kaksna-je-uporaba-tipk-za-premor-in-prekinitev-na-tipkovnici-v-sistemu-windows">Kakšna je uporaba tipk za premor in prekinitev na tipkovnici v sistemu Windows?</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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/8F/how-to-use-pydantic-json-parser-in-langchain-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kako-uporabljati-razclenjevalnik-pydantic-json-v-langchainu">Kako uporabljati razčlenjevalnik Pydantic (JSON) v LangChainu?</a> </h3> <div class="meta"> <div> <a href="/drugo/"><span class="icon-chat"></span> drugo</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>