Sa JavaScript, may mga sitwasyon kung kailan kailangan nating tiyakin na ang inilagay na nilalaman sa isang partikular na site ay tumpak at napapanahon. Halimbawa, kinakailangan na ipakita ang pinakabagong nilalaman sa isang web page habang pinupunan ang isang mahabang form at sinusunod ang mga bagong pagbabago o kapag gusto mong subukan ang isang website. Sa ganitong mga kaso, ang awtomatikong pagre-refresh ng web page bawat 5 segundo gamit ang JavaScript ay lubhang nakakatulong sa pagharap sa mga ganitong uri ng sitwasyon.
Tatalakayin ng artikulong ito ang mga paraan upang awtomatikong i-refresh ang isang web page bawat 5 segundo gamit ang JavaScript.
VIDEO
Paano Auto Refresh ang Web Page Bawat 5 Segundo Gamit ang JavaScript?
Upang awtomatikong i-refresh ang isang web page bawat 5 segundo gamit ang JavaScript, maaaring gamitin ang mga sumusunod na diskarte:
Isa-isahin ang mga tinalakay na pamamaraan!
Paraan 1: Auto Refresh Web Page Bawat 5 Segundo sa JavaScript Gamit ang setInterval() at document.querySelector() Methods
Ang ' setInterval() 'Ang pamamaraan ay nag-a-access ng isang function sa tinukoy na agwat ng oras at ang ' document.querySelector() Nakukuha ng paraan ang unang elementong tumutugma sa isang CSS selector. Ang mga pamamaraang ito ay maaaring gamitin sa kumbinasyon upang ma-access ang partikular na tag ng heading at itakda ang agwat ng oras sa isang kinakailangang functionality sa tulong ng isang timer.
Syntax
setInterval ( function, millisecond, par1, par2 )
Sa syntax sa itaas, ' function ' ay tumutukoy sa function na kailangang ma-access, ' millisecond ' ay ang tiyak na agwat ng oras na isasagawa, at ' pares 1 'at' par2 ” ay ang mga karagdagang parameter.
querySelector ( CSS )
Dito,' Mga tagapili ng CSS ” ay kumakatawan sa isa o higit sa isang CSS selector.
Suriin ang sumusunod na halimbawa.
Halimbawa
Una, tumukoy ng pamagat at heading sa
at <h2> na mga tag, ayon sa pagkakabanggit:</p>
<span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> pamagat</span></a> ></span> I-refresh ang Pahina bawat 5 Segundo<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> pamagat</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"> istilo</span><span class="sy0"> =</span><span class="st0"> 'text-align: left'</span> ></span> Awtomatikong I-refresh ang Pahina<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> Ngayon, magtakda ng halaga ng timer bilang “ <strong> 1</strong> ”:</p> hayaan ang timer<span class="sy0"> =</span> <span class="nu0"> 1</span><span class="sy0"> ;</span>
<p> Pagkatapos nito, ilapat ang ' <strong> setInterval()</strong> 'paraan na may ' <strong> 1000ms</strong> ” halaga. Dadagdagan nito ang timer bawat segundo. Gayundin, i-access ang tinukoy na heading upang ipakita ito sa ' <strong> Document Object Model(DOM)</strong> ” sa dulo ng itinakdang halaga ng timer.</p>
<p> Panghuli, ulitin ang halaga ng timer na may pagtaas ng ' <strong> 1</strong> 'gamit ang' <strong> ++</strong> ” post-increment operator at maglapat ng kundisyon sa paraang kung ang halaga ay lumampas sa 5, ang “ <strong> location.reload()</strong> ” na paraan ay magreresulta sa pag-reload ng window:</p> setInterval<span class="br0"> (</span><span class="br0"> (</span><span class="br0"> )</span> <span class="sy0"> =></span> <span class="br0"> {</span> <br> dokumento.<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> timer<span class="sy0"> ;</span> <br> timer<span class="sy0"> ++;</span> <br> <span class="kw1"> kung</span><span class="br0"> (</span> timer<span class="sy0"> ></span><span class="nu0"> 5</span><span class="br0"> )</span> <br> lokasyon.<span class="me1"> Reload</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> Makikita na ang aming web page ay nakakakuha ng auto refresh bawat limang segundo:</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> Paraan 2: Auto Refresh Web Page Bawat 5 Segundo sa JavaScript Gamit ang onload Event</strong> </h2>
<p> Ang ' <strong> onload</strong> ” na kaganapan ay na-trigger kapag ang isang bagay ay na-load. Maaaring ipatupad ang diskarteng ito upang i-refresh ang page sa tulong ng function na tinukoy ng user kapag na-load ang web page.</p>
<p> <strong> Syntax</strong> </p> bagay.<span class="me1"> onload</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> Sa ibinigay na syntax, ' <strong> function</strong> ” ay tumutukoy sa function na kailangang i-invoke kapag na-load ang object.</p>
<p> Tingnan ang sumusunod na halimbawa.</p>
<h3> <strong> Halimbawa</strong> </h3>
<p> Una, magsama ng pamagat at pamagat gaya ng tinalakay sa nakaraang pamamaraan:</p>
<span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> pamagat</span></a> ></span> I-refresh ang Pahina tuwing 5 Segundo<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> pamagat</span></a> ></span> <br>
<span class="sc2"> < <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> h2</span></a> ></span> Awtomatikong I-refresh ang Pahina<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> Ngayon, ilapat ang ' <strong> onload</strong> 'kaganapan at i-invoke ang function' <strong> refreshPage()</strong> 'at pumasa' <strong> 5000</strong> ” bilang argumento na nagsasaad ng limang segundong agwat ng oras:</p>
<span class="sy0"> <</span> onload ng katawan<span class="sy0"> =</span> <span class="st0"> 'JavaScript:refreshPage(5000);'</span><span class="sy0"> ></span> <br>
<br>
<span class="sy0"> </</span> katawan<span class="sy0"> ></span>
<p> Panghuli, tukuyin ang isang function na pinangalanang ' <strong> refreshpage()</strong> 'may' <strong> t</strong> ” bilang argumento na tumutukoy sa itinakdang oras para sa awtomatikong pag-refresh ng web page. Ang ' <strong> location.reload()</strong> ” na paraan ay ire-reload ang pahina pagkatapos ng tinukoy na oras:</p> function na 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> Output</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> Paraan 3: Auto Refresh Web Page Bawat 5 Segundo sa JavaScript Gamit ang setTimeout() method</strong> </h2>
<p> Ang ' <strong> setTimeout()</strong> Ang paraan ng ” ay humihimok ng isang function pagkatapos ng isang tinukoy na takdang oras. Maaaring ilapat ang paraang ito upang i-reload ang isang web page pagkatapos ng isang partikular na set timeout.</p>
<p> <strong> Syntax</strong> </p> setTimeout<span class="br0"> (</span> function, millisecond, par1, par2<span class="br0"> )</span>
<p> Sa ibinigay na syntax, ' <strong> function</strong> Ang ” ay tumutukoy sa function na maa-access, “ <strong> millisecond</strong> ' ay ang tiyak na agwat ng oras na isasagawa, at ' <strong> pares 1</strong> ”, “ <strong> par2</strong> ” ay ang mga karagdagang parameter.</p>
<h3> <strong> Halimbawa</strong> </h3>
<p> Sa script tag ng HTML page, ilapat ang “ <strong> setTimeout()</strong> ” na pamamaraan sa paraang kapag lumipas ang 5 segundo, nire-reload ng location.reload() na paraan ang web page:</p>
<span class="sy0"> <</span> iskrip<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> iskrip<span class="sy0"> ></span>
<p> <strong> Output</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> Napag-usapan namin ang lahat ng maginhawang paraan upang awtomatikong i-refresh ang isang web page bawat 5 segundo gamit ang JavaScript.</p>
<h2> <strong> Konklusyon</strong> </h2>
<p> Upang awtomatikong i-refresh ang isang web page bawat 5 segundo gamit ang JavaScript, gamitin ang ' <strong> setInterval()</strong> 'at' <strong> document.querySelector()</strong> 'mga pamamaraan para sa pagsasaayos ng halaga ng timer, ang ' <strong> refresh()</strong> 'paraan para sa pag-refresh ng web page, o ang ' <strong> setTimeout()</strong> ” paraan para sa pagtatakda ng partikular na limitasyon sa pag-refresh ng timeout ng isang web page. Ipinakita ng artikulong ito ang mga paraan upang awtomatikong i-refresh ang isang web page bawat 5 segundo gamit ang 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="/iba-pa/" class="tag-cloud-link">Iba pa</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">Kategorya</h3>
<ul class="categories">
<li> <a href="/raspberry-pi/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Iba Pa</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Mag-Zoom</a> </li><li> <a href="/cinnamon/">Kanela</a> </li><li> <a href="/reviews/">Mga Pagsusuri</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Radyo</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/">Pagsiksik</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Aircrack</a> </li><li> <a href="/office-productivity-software/">Software Ng Kakayahang Gumawa Ng Opisina</a> </li><li> <a href="/boot/">Boot</a> </li><li> <a href="/system-calls/">Mga Tawag Sa System</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Networking</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/">Pantalan</a> </li><li> <a href="/firewall/">Firewall</a> </li><li> <a href="/wireshark/">Wireshark</a> </li><li> <a href="/synology/">Synology</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/">Dakila</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hyper-V</a> </li><li> <a href="/phone/">Telepono</a> </li><li> <a href="/kodi/">Code</a> </li><li> <a href="/gnome/">Gnome</a> </li><li> <a href="/manjaro/">Napakasarap Na Pagkain</a> </li><li> <a href="/mouse/">Mouse</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/">Tablet</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Kulot</a> </li><li> <a href="/kde/">Kung Saan</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Mga Font</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Mga Imahe</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Pusit</a> </li><li> <a href="/mate/">Asawa</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/">Keyboard</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Naka-Encrypt</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Scanner</a> </li><li> <a href="/atom/">Atomo</a> </li><li> <a href="/red-hat/">Pulang Sumbrero</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/">Jupyter Notebook</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/">Mga Manlalaro Ng Media</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Singaw</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Kapangyarihan</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Sqm</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Mahigpit Na Pagkakahawak</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odyssey</a> </li><li> <a href="/audio/">Audio</a> </li><li> <a href="/cpu/">Cpu</a> </li><li> <a href="/tensorflow/">Tenorflow</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 (Pamana)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Opisina</a> </li><li> <a href="/iba-pa/">Iba pa</a> </li><li> <a href="/webcam/">Webcam</a> </li><li> <a href="/media-player/">media player</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/dakila/">dakila</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">nextcloud</a> </li><li> <a href="/kabutihan/">kabutihan</a> </li><li> <a href="/usb-passthrough/">usb-passthrough</a> </li><li> <a href="/secure-boot/">#secure-boot</a> </li><li> <a href="/device-passthrough/">device-passthrough</a> </li><li> <a href="/sdn/">SDN</a> </li>
</ul>
</div>
<div class="sidebar-box ftco-animate">
<h3 class="sidebar-heading">Patok Na Mga Post</h3>
<div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/93/5-sql-databases-for-raspberry-pi-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/5-sql-database-para-sa-raspberry-pi">5 SQL Database para sa Raspberry Pi</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/72/what-is-the-biginteger-divide-method-in-java-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/ano-ang-biginteger-divide-method-sa-java">Ano ang BigInteger.divide() Method sa Java</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/F6/how-to-run-a-mongodb-server-with-docker-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/paano-magpatakbo-ng-isang-mongodb-server-na-may-docker">Paano Magpatakbo ng isang MongoDB Server na may Docker?</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/23/dynamic-cast-c-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/dynamic-cast-c">Dynamic_Cast C++</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/BE/sql-startswith-operator-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/sql-startswith-operator">SQL StartsWith() Operator</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/28/what-8217-s-an-audit-log-in-discord-and-how-does-it-work-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/ano-ang-audit-log-sa-discord-at-paano-ito-gumagana">Ano ang Audit Log sa Discord at Paano Ito Gumagana</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/3F/raspberry-pi-4b-board-overview-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/pangkalahatang-ideya-ng-lupon-ng-raspberry-pi-4b">Pangkalahatang-ideya ng Lupon ng Raspberry Pi 4B</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/E9/how-to-install-and-use-the-aptitude-package-manager-on-debian-11-bullseye-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/paano-i-install-at-gamitin-ang-aptitude-package-manager-sa-debian-11-bullseye">Paano I-install at Gamitin ang Aptitude Package Manager sa Debian 11 Bullseye</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/7D/install-helm-on-ubuntu-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/i-install-ang-helm-sa-ubuntu">I-install ang Helm sa Ubuntu</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/0F/why-is-my-ping-so-high-in-roblox-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/bakit-napakataas-ng-ping-ko-sa-roblox">Bakit Napakataas ng Ping Ko sa Roblox</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/best-raspberry-pi-media-players-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/pinakamahusay-na-raspberry-pi-media-player">Pinakamahusay na Raspberry Pi Media Player</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/48/what-is-discord-canary-and-is-it-safe-to-use-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/ano-ang-discord-canary-at-ligtas-ba-itong-gamitin">Ano ang Discord Canary at Ligtas ba itong Gamitin?</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/5A/how-to-delete-the-unwanted-blank-page-at-the-end-of-a-word-document-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/paano-i-delete-ang-hindi-gustong-blangkong-pahina-sa-dulo-ng-word-document">Paano I-delete ang Hindi Gustong Blangkong Pahina sa Dulo ng Word Document</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/99/how-to-use-isblank-function-in-c-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/paano-gamitin-ang-isblank-function-sa-c">Paano Gamitin ang isblank() Function sa C++</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/7B/how-to-create-a-table-array-with-named-variables-containing-different-types-in-matlab-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/paano-gumawa-ng-table-array-na-may-pinangalanang-mga-variable-na-naglalaman-ng-iba-t-ibang-uri-sa-matlab">Paano Gumawa ng Table Array na may Pinangalanang Mga Variable na Naglalaman ng Iba't Ibang Uri sa MATLAB</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/3C/oracle-nvl-function-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/oracle-nvl-function">Oracle NVL Function</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/BA/customizing-your-terminal-with-oh-my-zsh-themes-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/pag-customize-ng-iyong-terminal-gamit-ang-oh-my-zsh-theme">Pag-customize ng Iyong Terminal gamit ang Oh My Zsh Theme</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/8B/how-to-edit-videos-on-iphone-a-basic-guide-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/paano-mag-edit-ng-mga-video-sa-iphone-isang-pangunahing-gabay">Paano Mag-edit ng Mga Video sa iPhone- Isang Pangunahing Gabay</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/AA/how-to-use-dom-element-clientheight-in-html-1.gif);"></a>
<div class="text">
<h3 class="heading"> <a href="/paano-gamitin-ang-dom-element-na-clientheight-sa-html">Paano Gamitin ang DOM Element na 'clientHeight' sa HTML?</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/32/how-to-disable-selinux-on-fedora-linux-39-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/paano-i-disable-ang-selinux-sa-fedora-linux-39">Paano I-disable ang SELinux sa Fedora Linux 39</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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>