În JavaScript, există situații în care trebuie să ne asigurăm că conținutul introdus pe un anumit site este corect și actualizat. De exemplu, este necesar să afișați cel mai recent conținut pe o pagină web în timp ce completați un formular lung și observăm noile modificări sau când doriți să testați un site web. În astfel de cazuri, reîmprospătarea automată a unei pagini web la fiecare 5 secunde folosind JavaScript este foarte utilă pentru a face față acestor tipuri de situații.
Acest articol va discuta metodele de reîmprospătare automată a unei pagini web la fiecare 5 secunde folosind JavaScript.
VIDEO
Cum se reîmprospătează automat pagina web la fiecare 5 secunde folosind JavaScript?
Pentru a reîmprospăta automat o pagină web la fiecare 5 secunde folosind JavaScript, pot fi utilizate următoarele abordări:
Treceți una câte una prin metodele discutate!
Metoda 1: Reîmprospătare automată a paginii web la fiecare 5 secunde în JavaScript folosind metodele setInterval() și document.querySelector()
„ setInterval() ” accesează o funcție la un interval de timp specificat și „ document.querySelector() ” metoda primește primul element care se potrivește cu un selector CSS. Aceste metode pot fi utilizate în combinație pentru a accesa eticheta de titlu specifică și pentru a seta intervalul de timp la o funcționalitate necesară cu ajutorul unui cronometru.
Sintaxă
setInterval ( funcția, milisecunde, par1, par2 )
În sintaxa de mai sus, „ funcţie ” se referă la funcția care trebuie accesată, ” milisecunde „ este intervalul de timp specific de executat și „ perechea 1 ' și ' alin.2 ” sunt parametrii suplimentari.
querySelector ( CSS )
Aici, ' selectoare CSS ” reprezintă unul sau mai mulți selectori CSS.
Consultați următorul exemplu.
Exemplu
Mai întâi, specificați un titlu și un titlu în etichetele
și respectiv <h2>:</p>
<span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> titlu</span></a> ></span> Actualizează pagina la fiecare 5 secunde<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> titlu</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"> „text-align: left”</span> ></span> Actualizează automat pagina<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> Acum, setați o valoare a temporizatorului ca „ <strong> 1</strong> ”:</p> lasa cronometrul<span class="sy0"> =</span> <span class="nu0"> 1</span><span class="sy0"> ;</span>
<p> După aceea, aplicați „ <strong> setInterval()</strong> ” metoda cu un “ <strong> 1000 ms</strong> ” valoare. Acest lucru va crește cronometrul în fiecare secundă. De asemenea, accesați titlul specificat pentru a-l afișa pe „ <strong> Model obiect document (DOM)</strong> ” la sfârșitul valorii setată a temporizatorului.</p>
<p> În cele din urmă, repetați valoarea temporizatorului cu incrementul de „ <strong> 1</strong> „folosind „ <strong> ++</strong> ” operator post-increment și aplicați o condiție în așa fel încât, dacă valoarea depășește 5, „ <strong> location.reload()</strong> ” metoda va avea ca rezultat reîncărcarea ferestrei:</p> setInterval<span class="br0"> (</span><span class="br0"> (</span><span class="br0"> )</span> <span class="sy0"> =></span> <span class="br0"> {</span> <br> document.<span class="me1"> querySelector</span><span class="br0"> (</span><span class="st0"> 'h2'</span><span class="br0"> )</span> .<span class="me1"> innerText</span><span class="sy0"> =</span> temporizator<span class="sy0"> ;</span> <br> temporizator<span class="sy0"> ++;</span> <br> <span class="kw1"> dacă</span><span class="br0"> (</span> temporizator<span class="sy0"> ></span><span class="nu0"> 5</span><span class="br0"> )</span> <br> Locație.<span class="me1"> reîncărcaț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> Se poate observa că pagina noastră web se reîmprospătează automat la fiecare cinci secunde:</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: Reîmprospătare automată a paginii web la fiecare 5 secunde în JavaScript Utilizând evenimentul onload</strong> </h2>
<p> „ <strong> onload</strong> ” evenimentul este declanșat atunci când un obiect a fost încărcat. Această tehnică poate fi implementată pentru a reîmprospăta pagina cu ajutorul unei funcții definite de utilizator atunci când pagina web este încărcată.</p>
<p> <strong> Sintaxă</strong> </p> obiect.<span class="me1"> onload</span> <span class="sy0"> =</span> Reîmprospătare pagină<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> myScript<span class="br0"> }</span><span class="sy0"> ;</span>
<p> În sintaxa dată, „ <strong> funcţie</strong> ” se referă la funcția care trebuie invocată atunci când obiectul este încărcat.</p>
<p> Uită-te la următorul exemplu.</p>
<h3> <strong> Exemplu</strong> </h3>
<p> În primul rând, includeți un titlu și un titlu, așa cum sa discutat în metoda anterioară:</p>
<span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> titlu</span></a> ></span> Actualizează pagina la fiecare 5 secunde<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> titlu</span></a> ></span> <br>
<span class="sc2"> < <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> h2</span></a> ></span> Actualizează automat pagina<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> Acum, aplicați „ <strong> onload</strong> ” eveniment și invocați funcția ” <strong> Reîmprospătare pagină()</strong> ” și trece ” <strong> 5000</strong> ” ca argument care indică intervalul de timp de cinci secunde:</p>
<span class="sy0"> <</span> încărcare corporală<span class="sy0"> =</span> <span class="st0"> „JavaScript:refreshPage(5000);”</span><span class="sy0"> ></span> <br>
<br>
<span class="sy0"> </</span> corp<span class="sy0"> ></span>
<p> În cele din urmă, definiți o funcție numită „ <strong> Reîmprospătare pagină()</strong> ' cu ' <strong> t</strong> ” ca argument care se referă la ora stabilită pentru reîmprospătarea automată a paginii web. „ <strong> location.reload()</strong> ” metoda va reîncărca pagina după timpul specificat:</p> funcția 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> Ieșire</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: Reîmprospătare automată a paginii web la fiecare 5 secunde în JavaScript Utilizând metoda setTimeout().</strong> </h2>
<p> „ <strong> setTimeout()</strong> ” metoda invocă o funcție după un timp stabilit specificat. Această metodă poate fi aplicată pentru a reîncărca o pagină web după un interval de timp stabilit.</p>
<p> <strong> Sintaxă</strong> </p> setTimeout<span class="br0"> (</span> funcția, milisecunde, par1, par2<span class="br0"> )</span>
<p> În sintaxa dată, „ <strong> funcţie</strong> ” se referă la funcția care trebuie accesată, ” <strong> milisecunde</strong> „ este intervalul de timp specific de executat și „ <strong> perechea 1</strong> ”, “ <strong> alin.2</strong> ” sunt parametrii suplimentari.</p>
<h3> <strong> Exemplu</strong> </h3>
<p> În eticheta de script a paginii HTML, aplicați „ <strong> setTimeout()</strong> ” în așa fel, când trec 5 secunde, metoda location.reload() reîncarcă pagina web:</p>
<span class="sy0"> <</span> scenariu<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> scenariu<span class="sy0"> ></span>
<p> <strong> Ieșire</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> Am discutat despre toate metodele convenabile de a reîmprospăta automat o pagină web la fiecare 5 secunde folosind JavaScript.</p>
<h2> <strong> Concluzie</strong> </h2>
<p> Pentru a reîmprospăta automat o pagină web la fiecare 5 secunde folosind JavaScript, utilizați „ <strong> setInterval()</strong> ' și ' <strong> document.querySelector()</strong> ” metode de reglare a valorii cronometrului, “ <strong> reîmprospăta()</strong> ” pentru reîmprospătarea unei pagini web sau “ <strong> setTimeout()</strong> ” metoda pentru setarea unei anumite limite de reîmprospătare a unui timeout a unei pagini web. Acest articol a demonstrat metodele de reîmprospătare automată a unei pagini web la fiecare 5 secunde folosind 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="/alte/" class="tag-cloud-link">Alte</a>
</div>
</div>
</div><!-- END-->
</div>
<div class="col-lg-4 sidebar ftco-animate bg-light pt-5">
<div class="sidebar-box ftco-animate">
<h3 class="sidebar-heading">Categorie</h3>
<ul class="categories">
<li> <a href="/raspberry-pi/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Alte</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Zoom</a> </li><li> <a href="/cinnamon/">Scorţişoară</a> </li><li> <a href="/reviews/">Recenzii</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/">Comprimare</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Crăpătură Aeriană</a> </li><li> <a href="/office-productivity-software/">Software De Productivitate Office</a> </li><li> <a href="/boot/">Cizmă</a> </li><li> <a href="/system-calls/">Apeluri De Sistem</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Rețele</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/">Docher</a> </li><li> <a href="/firewall/">Firewall</a> </li><li> <a href="/wireshark/">Wireshark</a> </li><li> <a href="/synology/">Sinologie</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Os Papagal</a> </li><li> <a href="/sublime/">Sublim</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/">Cod</a> </li><li> <a href="/gnome/">Gnom</a> </li><li> <a href="/manjaro/">Delicateţe</a> </li><li> <a href="/mouse/">Șoarece</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Torent</a> </li><li> <a href="/tablet/">Comprimat</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Răsuci</a> </li><li> <a href="/kde/">Unde</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Fonturi</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Imagini</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Calamar</a> </li><li> <a href="/mate/">Partener</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/">Tastatură</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Criptare</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Scaner</a> </li><li> <a href="/atom/">Atom</a> </li><li> <a href="/red-hat/">Palarie Rosie</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/">Suse</a> </li><li> <a href="/media-players/">Playere Media</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Aburi</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Putere</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Mp</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Prindere</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odiseea</a> </li><li> <a href="/audio/">Audio</a> </li><li> <a href="/cpu/">Cpu</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/">Windows</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Vechi)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Birou</a> </li><li> <a href="/alte/">Alte</a> </li><li> <a href="/camera-web/">cameră web</a> </li><li> <a href="/playere-media/">playere media</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/gnom/">gnom</a> </li><li> <a href="/cizme/">cizme</a> </li><li> <a href="/sublim/">sublim</a> </li><li> <a href="/removal-guides/">Ghiduri De Îndepărtare</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">nextcloud</a> </li><li> <a href="/virtute/">virtute</a> </li><li> <a href="/trecere-prin-usb/">trecere prin usb</a> </li><li> <a href="/incarcare-sigura/">#încărcare sigură</a> </li>
</ul>
</div>
<div class="sidebar-box ftco-animate">
<h3 class="sidebar-heading">Posturi Populare</h3>
<div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/14/how-to-make-a-private-call-in-discord-server-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/cum-se-efectueaza-un-apel-privat-pe-discord-server">Cum se efectuează un apel privat pe Discord Server?</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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-configure-the-network-interface-on-rocky-linux-9-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/cum-se-configureaza-interfata-de-retea-pe-rocky-linux-9">Cum se configurează interfața de rețea pe Rocky Linux 9</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/B1/how-to-use-windows-message-center-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/cum-se-utilizeaza-centrul-de-mesaje-windows">Cum se utilizează Centrul de mesaje Windows?</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/53/top-5-free-system-optimizers-to-boost-your-pc-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/top-5-optimizatoare-de-sistem-gratuite-pentru-a-va-imbunatati-computerul">Top 5 Optimizatoare de sistem gratuite pentru a vă îmbunătăți computerul</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/58/how-to-parse-a-csv-file-using-php-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/cum-sa-analizati-un-fisier-csv-folosind-php">Cum să analizați un fișier CSV folosind PHP</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/DD/the-c-cos-function-with-example-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/functia-c-cos-cu-exemplu">Funcția C++ cos() cu Exemplu</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/13/how-to-access-proxmox-ve-virtual-machines-and-lxc-containers-remotely-via-spice-protocol-using-virt-viewer-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/cum-sa-accesati-masinile-virtuale-proxmox-ve-si-containerele-lxc-de-la-distanta-prin-protocolul-spice-utilizand-virt-viewer">Cum să accesați mașinile virtuale Proxmox VE și containerele LXC de la distanță prin protocolul SPICE utilizând Virt-Viewer</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/how-to-get-the-number-of-records-or-rows-in-a-table-using-mysql-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/cum-sa-obtineti-numarul-de-inregistrari-sau-randuri-dintr-un-tabel-utilizand-mysql">Cum să obțineți numărul de înregistrări sau rânduri dintr-un tabel utilizând MySQL</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/imagemagick-8211-reducing-file-sizes-1.jpg);"></a>
<div class="text">
<h3 class="heading"> <a href="/imagemagick-reducerea-dimensiunilor-fisierelor">ImageMagick – Reducerea dimensiunilor fișierelor</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/blog/84/how-disable-video-autoplay-google-chrome-browser.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/how-disable-video-autoplay-google-chrome-browser">Cum se dezactivează redarea automată a videoclipului în browserul Google Chrome? - Winhelponline</a> </h3>
<div class="meta">
<div> <a href="/blog/"><span class="icon-chat"></span> Blog</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/B5/how-to-download-and-install-microsoft-teams-on-windows-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/cum-sa-descarcati-si-sa-instalati-microsoft-teams-pe-windows">Cum să descărcați și să instalați Microsoft Teams pe Windows</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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-delete-a-lambda-function-using-sdk-for-python-boto3-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/cum-sa-stergeti-o-functie-lambda-folosind-sdk-pentru-python-boto3">Cum să ștergeți o funcție Lambda folosind SDK pentru Python (Boto3)?</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/EB/what-is-minecraft-sniffer-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/ce-este-minecraft-sniffer">Ce este Minecraft Sniffer</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/F0/how-to-find-logical-or-in-matlab-or-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/cum-sa-gasiti-sau-logic-in-matlab-sau">Cum să găsiți SAU logic în MATLAB sau |</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/raspberry-pi/F6/10-cheap-raspberry-pi-alternatives-updated-2022-1.jpg);"></a>
<div class="text">
<h3 class="heading"> <a href="/10-alternative-ieftine-la-raspberry-pi-actualizate-in-2022">10 alternative ieftine la Raspberry Pi (actualizate în 2022)</a> </h3>
<div class="meta">
<div> <a href="/raspberry-pi/"><span class="icon-chat"></span> Raspberry Pi</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/6D/junction-field-effect-transistors-or-jfet-tutorial-1.jpg);"></a>
<div class="text">
<h3 class="heading"> <a href="/tranzistoare-cu-efect-de-camp-de-jonctiune-sau-tutorial-jfet">Tranzistoare cu efect de câmp de joncțiune sau Tutorial JFET</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/FC/how-to-apply-hover-and-other-states-with-visibility-property-in-tailwind-1.gif);"></a>
<div class="text">
<h3 class="heading"> <a href="/cum-se-aplica-hover-si-alte-state-cu-proprietate-de-vizibilitate-in-tailwind">Cum se aplică Hover și alte state cu proprietate de vizibilitate în Tailwind?</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/5-things-to-know-about-power-jack-repair-1.jpg);"></a>
<div class="text">
<h3 class="heading"> <a href="/5-lucruri-de-stiut-despre-repararea-mufelor-de-alimentare">5 lucruri de știut despre repararea mufelor de alimentare</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/0C/how-to-edit-file-in-linux-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/cum-sa-editati-fisierul-in-linux">Cum să editați fișierul în Linux</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/2B/get-the-filter-and-monitor-the-kubernetes-events-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/obtineti-filtrul-si-monitorizati-evenimentele-kubernetes">Obțineți filtrul și monitorizați evenimentele Kubernetes</a> </h3>
<div class="meta">
<div> <a href="/alte/"><span class="icon-chat"></span> Alte</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>