V JavaScriptu nastávají situace, kdy potřebujeme zajistit, aby zadaný obsah na konkrétním webu byl přesný a aktuální. Například je nutné zobrazit nejnovější obsah na webové stránce při vyplňování dlouhého formuláře a sledování nových změn nebo když chcete web otestovat. V takových případech je při zvládání těchto typů situací velmi užitečné automatické obnovování webové stránky každých 5 sekund pomocí JavaScriptu.
Tento článek pojednává o metodách automatického obnovení webové stránky každých 5 sekund pomocí JavaScriptu.
VIDEO
Jak automaticky obnovovat webovou stránku každých 5 sekund pomocí JavaScriptu?
Pro automatické obnovení webové stránky každých 5 sekund pomocí JavaScriptu lze použít následující přístupy:
Projděte si diskutované metody jednu po druhé!
Metoda 1: Automatické obnovení webové stránky každých 5 sekund v JavaScriptu pomocí metod setInterval() a document.querySelector()
' setInterval() “ metoda přistupuje k funkci v zadaném časovém intervalu a “ document.querySelector() ” získá první prvek odpovídající selektoru CSS. Tyto metody lze použít v kombinaci pro přístup ke konkrétní značce nadpisu a nastavení časového intervalu na požadovanou funkcionalitu pomocí časovače.
Syntax
nastavitInterval ( funkce, milisekundy, par1, par2 )
Ve výše uvedené syntaxi „ funkce “ označuje funkci, ke které je třeba přistupovat, “ milisekundy “ je konkrétní časový interval, který se má provést, a “ pár 1 ' a ' par2 “ jsou další parametry.
querySelector ( CSS )
Tady, ' CSS selektory ” představují jeden nebo více než jeden selektor CSS.
Podívejte se na následující příklad.
Příklad
Nejprve zadejte název a nadpis ve značkách
a <h2>:</p>
<span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> titul</span></a> ></span> Stránka se obnovuje každých 5 sekund<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> titul</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"> styl</span><span class="sy0"> =</span><span class="st0"> 'text-align: left'</span> ></span> Automatické obnovení stránky<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> Nyní nastavte hodnotu časovače jako „ <strong> 1</strong> “:</p> nechat časovač<span class="sy0"> =</span> <span class="nu0"> 1</span><span class="sy0"> ;</span>
<p> Poté použijte „ <strong> setInterval()</strong> “ metoda s “ <strong> 1000 ms</strong> “hodnota. Tím se bude časovač zvyšovat každou sekundu. Přístup k určenému nadpisu také zobrazíte na „ <strong> Objektový model dokumentu (DOM)</strong> “ na konci nastavené hodnoty časovače.</p>
<p> Nakonec iterujte hodnotu časovače s přírůstkem „ <strong> 1</strong> ' použitím ' <strong> ++</strong> ” post-inkrementální operátor a použijte podmínku takovým způsobem, že pokud hodnota překročí 5, „ <strong> location.reload()</strong> ” způsobí opětovné načtení okna:</p> nastavitInterval<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"> vnitřníText</span><span class="sy0"> =</span> časovač<span class="sy0"> ;</span> <br> časovač<span class="sy0"> ++;</span> <br> <span class="kw1"> -li</span><span class="br0"> (</span> časovač<span class="sy0"> ></span><span class="nu0"> 5</span><span class="br0"> )</span> <br> umístění.<span class="me1"> Znovu načíst</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> Je vidět, že naše webová stránka se automaticky obnovuje každých pět 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> Metoda 2: Automatické obnovení webové stránky každých 5 sekund v JavaScriptu pomocí události při načtení</strong> </h2>
<p> ' <strong> načíst</strong> ” událost se spustí, když byl objekt načten. Tuto techniku lze implementovat k obnovení stránky pomocí uživatelem definované funkce při načtení webové stránky.</p>
<p> <strong> Syntax</strong> </p> objekt.<span class="me1"> načíst</span> <span class="sy0"> =</span> obnovit stránku<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> myScript<span class="br0"> }</span><span class="sy0"> ;</span>
<p> V dané syntaxi „ <strong> funkce</strong> ” označuje funkci, kterou je třeba vyvolat při načítání objektu.</p>
<p> Podívejte se na následující příklad.</p>
<h3> <strong> Příklad</strong> </h3>
<p> Nejprve zahrňte název a nadpis, jak je popsáno v předchozí metodě:</p>
<span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> titul</span></a> ></span> Stránka se obnovuje každých 5 sekund<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> titul</span></a> ></span> <br>
<span class="sc2"> < <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> h2</span></a> ></span> Automatické obnovení stránky<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> Nyní použijte „ <strong> načíst</strong> 'událost a vyvolejte funkci' <strong> obnovit stránku()</strong> “ a projít „ <strong> 5000</strong> ” jako argument, který označuje pětisekundový časový interval:</p>
<span class="sy0"> <</span> zatížení těla<span class="sy0"> =</span> <span class="st0"> 'JavaScript:refreshPage(5000);'</span><span class="sy0"> ></span> <br>
<br>
<span class="sy0"> </</span> tělo<span class="sy0"> ></span>
<p> Nakonec definujte funkci s názvem „ <strong> obnovit stránku()</strong> “ s “ <strong> t</strong> ” jako argument, který odkazuje na nastavený čas pro automatické obnovení webové stránky. ' <strong> location.reload()</strong> ” metoda znovu načte stránku po zadané době:</p> funkce 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ýstup</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> Metoda 3: Automatické obnovení webové stránky každých 5 sekund v JavaScriptu Pomocí metody setTimeout().</strong> </h2>
<p> ' <strong> setTimeout()</strong> ” metoda vyvolá funkci po zadaném nastaveném čase. Tuto metodu lze použít k opětovnému načtení webové stránky po určitém nastaveném časovém limitu.</p>
<p> <strong> Syntax</strong> </p> setTimeout<span class="br0"> (</span> funkce, milisekundy, par1, par2<span class="br0"> )</span>
<p> V dané syntaxi „ <strong> funkce</strong> “ označuje funkci, ke které má být přístup, “ <strong> milisekundy</strong> “ je konkrétní časový interval, který se má provést, a “ <strong> pár 1</strong> “, “ <strong> par2</strong> “ jsou další parametry.</p>
<h3> <strong> Příklad</strong> </h3>
<p> Ve značce skriptu stránky HTML použijte „ <strong> setTimeout()</strong> ” takovým způsobem, když uplyne 5 sekund, metoda location.reload() znovu načte webovou stránku:</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> Výstup</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> Probrali jsme všechny pohodlné metody automatického obnovení webové stránky každých 5 sekund pomocí JavaScriptu.</p>
<h2> <strong> Závěr</strong> </h2>
<p> Chcete-li automaticky aktualizovat webovou stránku každých 5 sekund pomocí JavaScriptu, použijte „ <strong> setInterval()</strong> ' a ' <strong> document.querySelector()</strong> ” metody pro úpravu hodnoty časovače, “ <strong> Obnovit()</strong> ” metoda pro obnovení webové stránky nebo metoda “ <strong> setTimeout()</strong> ” metoda pro nastavení konkrétního časového limitu obnovení webové stránky. Tento článek demonstroval metody automatického obnovení webové stránky každých 5 sekund pomocí JavaScriptu.</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="/jiny/" class="tag-cloud-link">jiný</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/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Jiný</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Zvětšení</a> </li><li> <a href="/cinnamon/">Skořice</a> </li><li> <a href="/reviews/">Recenze</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Rádio</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Otevřené Plátno</a> </li><li> <a href="/compression/">Komprese</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Aircrack</a> </li><li> <a href="/office-productivity-software/">Software Pro Kancelářskou Produktivitu</a> </li><li> <a href="/boot/">Boot</a> </li><li> <a href="/system-calls/">Systémová Volání</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Vytváření Sítí</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/">Přístavní Dělník</a> </li><li> <a href="/firewall/">Firewall</a> </li><li> <a href="/wireshark/">Wirehark</a> </li><li> <a href="/synology/">Synologie</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/">Sublimovat</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/">Kód</a> </li><li> <a href="/gnome/">Gnome</a> </li><li> <a href="/manjaro/">Pochoutka</a> </li><li> <a href="/mouse/">Myš</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/">Tableta</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Kučera</a> </li><li> <a href="/kde/">Kde</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Fonty</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Snímky</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Oliheň</a> </li><li> <a href="/mate/">Kamaráde</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/">Klávesnice</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Šifrování</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/">Červená Čepice</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/">Notebook Jupyter</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/">Následek</a> </li><li> <a href="/media-players/">Přehrávače Médií</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Pára</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Napájení</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/">Rukojeť</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odysea</a> </li><li> <a href="/audio/">Zvuk</a> </li><li> <a href="/cpu/">Procesor</a> </li><li> <a href="/tensorflow/">Tensorflow</a> </li><li> <a href="/autodesk/">Autodesk</a> </li><li> <a href="/lubuntu/">Lubuntu</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Okna</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Starší)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Kancelář</a> </li><li> <a href="/jiny/">jiný</a> </li><li> <a href="/webova-kamera/">webová kamera</a> </li><li> <a href="/prehravace-medii/">přehrávače médií</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/hapoxy/">hapoxy</a> </li><li> <a href="/bota/">bota</a> </li><li> <a href="/sublimovat/">sublimovat</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">Nextcloud</a> </li><li> <a href="/ctnost/">ctnost</a> </li><li> <a href="/usb-pruchod/">usb-průchod</a> </li><li> <a href="/secure-boot/">#secure-boot</a> </li><li> <a href="/zarizeni-pruchod/">zařízení-průchod</a> </li><li> <a href="/sdn/">SDN</a> </li><li> <a href="/instalace-ovladace/">instalace ovladače</a> </li>
</ul>
</div>
<div class="sidebar-box ftco-animate">
<h3 class="sidebar-heading">Populární Příspěvky</h3>
<div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/4B/how-to-use-amazon-textract-service-from-aws-dashboard-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/jak-pouzivat-sluzbu-amazon-textract-z-aws-dashboard">Jak používat službu Amazon Textract z AWS Dashboard?</a> </h3>
<div class="meta">
<div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/CD/how-to-delete-vim-swap-files-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/jak-odstranit-vim-swap-soubory">Jak odstranit Vim Swap soubory</a> </h3>
<div class="meta">
<div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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-8220-apt-install-8221-correctly-in-your-dockerfile-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/jak-spravne-pouzivat-apt-install-ve-vasem-dockerfile">Jak správně používat „apt install“ ve vašem Dockerfile</a> </h3>
<div class="meta">
<div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/8D/how-to-install-an-oracle-instant-client-for-toad-for-oracle-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/jak-nainstalovat-oracle-instant-client-for-toad-for-oracle">Jak nainstalovat Oracle Instant Client for Toad for Oracle?</a> </h3>
<div class="meta">
<div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/A3/how-to-assume-an-iam-role-using-aws-cli-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/jak-prevzit-roli-iam-pomoci-aws-cli">Jak převzít roli IAM pomocí AWS CLI?</a> </h3>
<div class="meta">
<div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/F2/what-type-of-database-is-oracle-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/jaky-typ-databaze-je-oracle">Jaký typ databáze je Oracle?</a> </h3>
<div class="meta">
<div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/7E/how-to-access-and-manipulate-the-html-dom-element-textcontent-property-in-javascript-1.gif);"></a>
<div class="text">
<h3 class="heading"> <a href="/jak-ziskat-pristup-k-vlastnosti-textuobsah-prvku-html-dom-a-jak-s-nim-manipulovat-v-javascriptu">Jak získat přístup k vlastnosti textuObsah prvku HTML DOM a jak s ním manipulovat v JavaScriptu?</a> </h3>
<div class="meta">
<div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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-to-use-java-enums-in-switch-statements-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/jak-pouzivat-java-enums-v-prikazech-switch">Jak používat Java Enums v příkazech Switch</a> </h3>
<div class="meta">
<div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/82/how-to-use-the-mysql-having-clause-where-the-sum-is-greater-than-the-threshold-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/jak-pouzivat-klauzuli-mysql-having-kde-je-soucet-vetsi-nez-prah">Jak používat klauzuli MySQL HAVING, kde je součet větší než práh</a> </h3>
<div class="meta">
<div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/9D/how-to-use-the-open-file-dialog-in-c-applications-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/jak-pouzivat-dialogove-okno-otevrit-soubor-v-aplikacich-c">Jak používat dialogové okno Otevřít soubor v aplikacích C#</a> </h3>
<div class="meta">
<div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/how-to-install-virtualbox-on-ubuntu-24-04-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/jak-nainstalovat-virtualbox-na-ubuntu-24-04">Jak nainstalovat VirtualBox na Ubuntu 24.04</a> </h3>
<div class="meta">
<div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/08/how-long-is-a-day-in-minecraft-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/jak-dlouhy-je-den-v-minecraftu">Jak dlouhý je den v Minecraftu</a> </h3>
<div class="meta">
<div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/AD/how-to-manage-windows-autoplay-settings-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/jak-spravovat-nastaveni-automatickeho-prehravani-systemu-windows">Jak spravovat nastavení automatického přehrávání systému Windows?</a> </h3>
<div class="meta">
<div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C3/how-to-install-telegram-on-raspberry-pi-os-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/jak-nainstalovat-telegram-na-raspberry-pi-os">Jak nainstalovat Telegram na Raspberry Pi OS</a> </h3>
<div class="meta">
<div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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="/jak-pouzivat-pydantic-json-parser-v-langchain">Jak používat Pydantic (JSON) Parser v LangChain?</a> </h3>
<div class="meta">
<div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/7C/how-to-configure-deny-service-external-ips-in-kubernetes-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/jak-nakonfigurovat-externi-adresy-ip-deny-service-v-kubernetes">Jak nakonfigurovat externí adresy IP Deny Service v Kubernetes</a> </h3>
<div class="meta">
<div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/03/how-to-make-friends-in-roblox-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/jak-ziskat-pratele-v-robloxu">Jak získat přátele v Robloxu</a> </h3>
<div class="meta">
<div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/62/best-way-to-encode-degree-celsius-symbol-into-web-page-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/nejlepsi-zpusob-jak-zakodovat-symbol-stupne-celsia-na-webovou-stranku">Nejlepší způsob, jak zakódovat symbol stupně Celsia na webovou stránku</a> </h3>
<div class="meta">
<div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/05/how-to-install-microsoft-edge-on-linux-mint-21-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/jak-nainstalovat-microsoft-edge-na-linux-mint-21">Jak nainstalovat Microsoft Edge na Linux Mint 21</a> </h3>
<div class="meta">
<div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/where-to-place-javascript-in-an-html-file-1.gif);"></a>
<div class="text">
<h3 class="heading"> <a href="/kam-umistit-javascript-v-souboru-html">Kam umístit JavaScript v souboru HTML</a> </h3>
<div class="meta">
<div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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>