Cara Auto Refresh Halaman Web Setiap 5 Saat Menggunakan JavaScript

Dalam JavaScript, terdapat situasi apabila kita perlu memastikan bahawa kandungan yang dimasukkan pada tapak tertentu adalah tepat dan terkini. Sebagai contoh, ia dikehendaki memaparkan kandungan terbaharu pada halaman web sambil mengisi borang yang panjang dan memerhatikan perubahan baharu atau apabila anda ingin menguji tapak web. Dalam kes sedemikian, memuat semula halaman web secara automatik setiap 5 saat menggunakan JavaScript sangat membantu dalam menangani situasi jenis ini.

Artikel ini akan membincangkan kaedah untuk memuat semula halaman web secara automatik setiap 5 saat menggunakan JavaScript.

Bagaimana untuk Auto Muat Semula Halaman Web Setiap 5 Saat Menggunakan JavaScript?

Untuk memuat semula halaman web secara automatik setiap 5 saat menggunakan JavaScript, pendekatan berikut boleh digunakan:

“ setInterval() ” dan “ document.querySelector() ” kaedah
“ muat semula() ” kaedah
“ setTimeout() ” kaedah

Semak kaedah yang dibincangkan satu persatu!

Kaedah 1: Auto Muat Semula Halaman Web Setiap 5 Saat dalam JavaScript Menggunakan kaedah setInterval() dan document.querySelector()

' setInterval() kaedah ” mengakses fungsi pada selang masa tertentu dan “ document.querySelector() ” kaedah mendapat elemen pertama yang sepadan dengan pemilih CSS. Kaedah ini boleh digunakan dalam kombinasi untuk mengakses teg tajuk tertentu dan menetapkan selang masa kepada fungsi yang diperlukan dengan bantuan pemasa.

Sintaks

setInterval ( fungsi, milisaat, par1, par2 )

Dalam sintaks di atas, ' fungsi ' merujuk kepada fungsi yang perlu diakses, ' milisaat ' ialah selang masa khusus untuk dilaksanakan, dan ' pasangan 1 ” dan “ par2 ” ialah parameter tambahan.

dokumen. querySelector ( CSS pemilih )

Di sini, ' pemilih CSS ” mewakili satu atau lebih daripada satu pemilih CSS.

Lihat contoh berikut.

Contoh

Mula-mula, nyatakan tajuk dan tajuk dalam tag dan <h2>, masing-masing:</p> <span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> tajuk</span></a> ></span> Muat Semula Halaman setiap 5 Saat<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> tajuk</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"> gaya</span><span class="sy0"> =</span><span class="st0"> 'text-align: left'</span> ></span> Auto Muat Semula Halaman<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> Sekarang, tetapkan nilai pemasa sebagai “ <strong> 1</strong> ”:</p> biarkan pemasa<span class="sy0"> =</span> <span class="nu0"> 1</span><span class="sy0"> ;</span> <p> Selepas itu, gunakan ' <strong> setInterval()</strong> ' kaedah dengan ' <strong> 1000ms</strong> ” nilai. Ini akan menambah pemasa setiap saat. Juga, akses tajuk yang ditentukan untuk memaparkannya pada ' <strong> Model Objek Dokumen(DOM)</strong> ” pada penghujung nilai pemasa yang ditetapkan.</p> <p> Akhir sekali, ulangi nilai pemasa dengan kenaikan “ <strong> 1</strong> ” menggunakan “ <strong> ++</strong> ” pengendali selepas kenaikan dan menggunakan syarat sedemikian rupa sehingga jika nilai melebihi 5, “ <strong> location.reload()</strong> ” kaedah akan menghasilkan muat semula tetingkap:</p> setInterval<span class="br0"> (</span><span class="br0"> (</span><span class="br0"> )</span> <span class="sy0"> =></span> <span class="br0"> {</span> <br> dokumen.<span class="me1"> querySelector</span><span class="br0"> (</span><span class="st0"> 'h2'</span><span class="br0"> )</span> .<span class="me1"> innerTeks</span><span class="sy0"> =</span> pemasa<span class="sy0"> ;</span> <br> pemasa<span class="sy0"> ++;</span> <br> <span class="kw1"> jika</span><span class="br0"> (</span> pemasa<span class="sy0"> ></span><span class="nu0"> 5</span><span class="br0"> )</span> <br> lokasi.<span class="me1"> Tambah nilai</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> Ia boleh dilihat bahawa halaman web kami mendapat muat semula automatik setiap lima saat:</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> Kaedah 2: Auto Muat Semula Halaman Web Setiap 5 Saat dalam JavaScript Menggunakan Peristiwa onload</strong> </h2> <p> ' <strong> memuatkan</strong> ” peristiwa dicetuskan apabila objek telah dimuatkan. Teknik ini boleh dilaksanakan untuk menyegarkan halaman dengan bantuan fungsi yang ditentukan pengguna apabila halaman web dimuatkan.</p> <p> <strong> Sintaks</strong> </p> objek.<span class="me1"> memuatkan</span> <span class="sy0"> =</span> refreshPage<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> myScript<span class="br0"> }</span><span class="sy0"> ;</span> <p> Dalam sintaks yang diberikan, ' <strong> fungsi</strong> ” merujuk kepada fungsi yang perlu digunakan apabila objek dimuatkan.</p> <p> Lihat contoh berikut.</p> <h3> <strong> Contoh</strong> </h3> <p> Pertama, sertakan tajuk dan tajuk seperti yang dibincangkan dalam kaedah sebelumnya:</p> <span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> tajuk</span></a> ></span> Muat Semula Halaman setiap 5 Saat<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> tajuk</span></a> ></span> <br> <span class="sc2"> < <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> h2</span></a> ></span> Auto Muat Semula Halaman<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> Sekarang, gunakan ' <strong> memuatkan</strong> ' acara dan gunakan fungsi ' <strong> refreshPage()</strong> 'dan lulus' <strong> 5000</strong> ” sebagai hujah yang menunjukkan selang masa lima saat:</p> <span class="sy0"> <</span> beban badan<span class="sy0"> =</span> <span class="st0"> 'JavaScript:refreshPage(5000);'</span><span class="sy0"> ></span> <br> <br> <span class="sy0"> </</span> badan<span class="sy0"> ></span> <p> Akhir sekali, tentukan fungsi bernama ' <strong> refreshpage()</strong> ” dengan “ <strong> t</strong> ” sebagai hujah yang merujuk kepada masa yang ditetapkan untuk memuat semula halaman web secara automatik. ' <strong> location.reload()</strong> ” kaedah akan memuatkan semula halaman selepas masa yang ditentukan:</p> fungsi 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> Pengeluaran</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> Kaedah 3: Auto Muat Semula Halaman Web Setiap 5 Saat dalam JavaScript Menggunakan kaedah setTimeout().</strong> </h2> <p> ' <strong> setTimeout()</strong> ” kaedah memanggil fungsi selepas masa yang ditetapkan. Kaedah ini boleh digunakan untuk memuat semula halaman web selepas tamat masa yang ditetapkan.</p> <p> <strong> Sintaks</strong> </p> setTimeout<span class="br0"> (</span> fungsi, milisaat, par1, par2<span class="br0"> )</span> <p> Dalam sintaks yang diberikan, ' <strong> fungsi</strong> ' merujuk kepada fungsi yang hendak diakses, ' <strong> milisaat</strong> ' ialah selang masa khusus untuk dilaksanakan, dan ' <strong> pasangan 1</strong> ”, “ <strong> par2</strong> ” ialah parameter tambahan.</p> <h3> <strong> Contoh</strong> </h3> <p> Dalam teg skrip halaman HTML, gunakan ' <strong> setTimeout()</strong> ” kaedah sedemikian apabila 5 saat berlalu, kaedah location.reload() memuat semula halaman web:</p> <span class="sy0"> <</span> skrip<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> skrip<span class="sy0"> ></span> <p> <strong> Pengeluaran</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> Kami telah membincangkan semua kaedah mudah untuk memuat semula halaman web secara automatik setiap 5 saat menggunakan JavaScript.</p> <h2> <strong> Kesimpulan</strong> </h2> <p> Untuk memuat semula halaman web secara automatik setiap 5 saat menggunakan JavaScript, gunakan ' <strong> setInterval()</strong> ” dan “ <strong> document.querySelector()</strong> ' kaedah untuk melaraskan nilai pemasa, ' <strong> muat semula()</strong> kaedah untuk menyegarkan halaman web, atau <strong> setTimeout()</strong> ” kaedah untuk menetapkan had penyegaran tamat masa tertentu halaman web. Artikel ini menunjukkan kaedah untuk memuat semula halaman web secara automatik setiap 5 saat menggunakan 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="/lain-lain/" class="tag-cloud-link">Lain-lain</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">Kategori</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Pai Raspberi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Yang Lain</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Zum</a> </li><li> <a href="/cinnamon/">Kayu Manis</a> </li><li> <a href="/reviews/">Ulasan</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/">Bukaan Terbuka</a> </li><li> <a href="/compression/">Pemampatan</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Kapal Terbang</a> </li><li> <a href="/office-productivity-software/">Perisian Produktiviti Pejabat</a> </li><li> <a href="/boot/">But</a> </li><li> <a href="/system-calls/">Panggilan Sistem</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Rangkaian</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Curang</a> </li><li> <a href="/plex/">Plex</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Tukang Dok</a> </li><li> <a href="/firewall/">Tembok Api</a> </li><li> <a href="/wireshark/">Wireshark</a> </li><li> <a href="/synology/">Sinologi</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Os Parrot</a> </li><li> <a href="/sublime/">Luhur</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/">Kod</a> </li><li> <a href="/gnome/">Gnome</a> </li><li> <a href="/manjaro/">Makanan Istimewa</a> </li><li> <a href="/mouse/">Tetikus</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Arus Deras</a> </li><li> <a href="/tablet/">Tablet</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Kerinting</a> </li><li> <a href="/kde/">Di Mana</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Fon</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Gambar</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Sotong</a> </li><li> <a href="/mate/">Jodoh</a> </li><li> <a href="/vlc-media-player/">Pemain Media Vlc</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Papan Kekunci</a> </li><li> <a href="/inkscape/">Pemandangan Dalam</a> </li><li> <a href="/encryption/">Penyulitan</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Pengimbas</a> </li><li> <a href="/atom/">Atom</a> </li><li> <a href="/red-hat/">Topi Merah</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/">Buku Nota 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/">Kejayaan</a> </li><li> <a href="/media-players/">Pemain Media</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Wap</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Kuasa</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Meter Persegi</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Cengkaman</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Pengembaraan</a> </li><li> <a href="/audio/">Audio</a> </li><li> <a href="/cpu/">Cpu</a> </li><li> <a href="/tensorflow/">Aliran Tensor</a> </li><li> <a href="/autodesk/">Autodesk</a> </li><li> <a href="/lubuntu/">Pelincir</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Tingkap</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Warisan)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Pejabat</a> </li><li> <a href="/lain-lain/">Lain-lain</a> </li><li> <a href="/pai-raspberi/">Pai raspberi</a> </li><li> <a href="/kamera-web/">kamera web</a> </li><li> <a href="/pemain-media/">pemain media</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/but/">but</a> </li><li> <a href="/agung/">agung</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">nextcloud</a> </li><li> <a href="/kebajikan/">kebajikan</a> </li><li> <a href="/usb-laluan/">usb-laluan</a> </li><li> <a href="/secure-boot/">#secure-boot</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Jawatan Popular</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/48/sql-with-clause-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/sql-dengan-klausa">SQL DENGAN Klausa</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/FE/how-to-enhance-data-handling-with-pydantic-dataclasses-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-meningkatkan-pengendalian-data-dengan-kelas-data-pydantic">Cara Meningkatkan Pengendalian Data dengan Kelas Data Pydantic</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/docker-tutorial-explain-docker-fundamentals-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/tutorial-docker-terangkan-asas-docker">Tutorial Docker | Terangkan Asas Docker</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/E3/how-to-like-a-message-on-whatsapp-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-untuk-suka-mesej-di-whatsapp">Bagaimana untuk Suka Mesej di WhatsApp?</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/61/how-do-i-log-into-another-discord-account-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-saya-log-masuk-ke-akaun-discord-lain">Bagaimana Saya Log Masuk Ke Akaun Discord Lain?</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/71/mysql-where-date-greater-than-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/mysql-where-date-lebih-besar-daripada">MySQL WHERE DATE Lebih Besar Daripada</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/2A/insertion-of-variable-into-string-using-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/sisipan-pembolehubah-ke-dalam-rentetan-menggunakan-javascript">Sisipan Pembolehubah ke dalam Rentetan Menggunakan JavaScript</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/F4/select-the-top-10-rows-in-sql-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pilih-10-baris-teratas-dalam-sql">Pilih 10 Baris Teratas dalam SQL</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/7F/what-is-a-formdata-object-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/apakah-objek-formdata-dalam-javascript">Apakah Objek FormData dalam JavaScript?</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/DB/how-to-use-iteration-statements-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-menggunakan-pernyataan-lelaran-dalam-c">Cara Menggunakan Pernyataan Lelaran dalam C#</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/3A/how-to-create-a-mysql-database-in-node-js-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-untuk-mencipta-pangkalan-data-mysql-dalam-node-js">Bagaimana untuk Mencipta Pangkalan Data MySQL dalam Node.js?</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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-build-your-own-dockerfile-image-and-container-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-membina-fail-docker-imej-dan-bekas-anda-sendiri">Cara Membina Fail Docker, Imej dan Bekas Anda Sendiri</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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-check-roblox-transactions-pc-and-mobile-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-semak-transaksi-roblox-pc-dan-mudah-alih">Cara Semak Transaksi Roblox- PC dan Mudah Alih</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/haproxy-beginner-s-tutorial-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/tutorial-permulaan-haproxy">Tutorial Permulaan HAProxy</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/41/get-system-information-on-raspberry-pi-terminal-through-screenfetch-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/dapatkan-maklumat-sistem-pada-terminal-raspberry-pi-melalui-screenfetch">Dapatkan Maklumat Sistem pada Terminal Raspberry Pi Melalui screenFetch</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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-play-amr-audio-files-on-ubuntu-22-04-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-memainkan-fail-audio-amr-pada-ubuntu-22-04">Cara Memainkan Fail Audio AMR pada Ubuntu 22.04</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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-create-button-in-javascript-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-membuat-butang-dalam-javascript">Cara Membuat Butang dalam JavaScript</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/9B/how-to-use-style-parameter-in-midjourney-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-menggunakan-parameter-style-dalam-midjourney">Bagaimana Menggunakan Parameter -style dalam Midjourney?</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/wien-bridge-oscillator-tutorial-theory-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/tutorial-teori-pengayun-jambatan-wien">Tutorial & Teori Pengayun Jambatan Wien</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/windows/86/which-files-does-windows-7-system-maintenance-troubleshooter-delete.png);"></a> <div class="text"> <h3 class="heading"> <a href="/which-files-does-windows-7-system-maintenance-troubleshooter-delete">Fail-fail yang manakah yang dihapuskan Penyelesai Masalah Penyelenggaraan Sistem Windows 7? - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/windows/"><span class="icon-chat"></span> Tingkap</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>