ใน JavaScript มีบางสถานการณ์ที่เราต้องตรวจสอบให้แน่ใจว่าเนื้อหาที่ป้อนบนเว็บไซต์นั้นถูกต้องและเป็นปัจจุบัน ตัวอย่างเช่น จำเป็นต้องแสดงเนื้อหาล่าสุดบนหน้าเว็บในขณะที่กรอกแบบฟอร์มที่มีความยาวและสังเกตการเปลี่ยนแปลงใหม่ หรือเมื่อคุณต้องการทดสอบเว็บไซต์ ในกรณีเช่นนี้ การรีเฟรชหน้าเว็บอัตโนมัติทุกๆ 5 วินาทีโดยใช้ JavaScript จะมีประโยชน์มากในการรับมือกับสถานการณ์ประเภทนี้
บทความนี้จะกล่าวถึงวิธีการรีเฟรชหน้าเว็บอัตโนมัติทุกๆ 5 วินาทีโดยใช้ JavaScript
จะรีเฟรชหน้าเว็บอัตโนมัติทุก ๆ 5 วินาทีโดยใช้ JavaScript ได้อย่างไร
ในการรีเฟรชหน้าเว็บโดยอัตโนมัติทุกๆ 5 วินาทีโดยใช้ JavaScript คุณสามารถใช้วิธีการต่อไปนี้:
ทำตามขั้นตอนที่กล่าวถึงทีละตัว!
วิธีที่ 1: รีเฟรชหน้าเว็บอัตโนมัติทุกๆ 5 วินาทีใน JavaScript โดยใช้วิธี setInterval() และ document.querySelector()
“ setInterval() ” วิธีเข้าถึงฟังก์ชันในช่วงเวลาที่กำหนดและ “ document.querySelector() ” วิธีรับองค์ประกอบแรกที่ตรงกับตัวเลือก CSS สามารถใช้วิธีการเหล่านี้ร่วมกันเพื่อเข้าถึงแท็กส่วนหัวที่เฉพาะเจาะจง และตั้งค่าช่วงเวลาเป็นฟังก์ชันที่จำเป็นโดยใช้ตัวจับเวลา
ไวยากรณ์
setInterval ( ฟังก์ชัน, มิลลิวินาที, พาร์ 1, พาร์2 )
ในไวยากรณ์ข้างต้น “ การทำงาน ” หมายถึงฟังก์ชันที่ต้องเข้าถึง “ มิลลิวินาที ” คือช่วงเวลาเฉพาะที่จะดำเนินการ และ “ คู่ 1 ' และ ' พาร์2 ” เป็นพารามิเตอร์เพิ่มเติม
เอกสาร. แบบสอบถามตัวเลือก ( CSS ตัวเลือก )
ที่นี่, ' ตัวเลือก CSS ” เป็นตัวแทนของตัวเลือก CSS หนึ่งตัวหรือมากกว่า
ลองดูตัวอย่างต่อไปนี้
ตัวอย่าง
ขั้นแรก ระบุชื่อและหัวเรื่องในแท็ก
และ <h2> ตามลำดับ:</p>
<span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> ชื่อ</span></a> ></span> รีเฟรชหน้าทุกๆ 5 วินาที<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> ชื่อ</span></a> ></span> <br>
<span class="sc2"> < <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> ชั่วโมง2</span></a> <span class="kw3"> สไตล์</span><span class="sy0"> =</span><span class="st0"> 'การจัดตำแหน่งข้อความ: ซ้าย'</span> ></span> รีเฟรชหน้าอัตโนมัติ<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> ชั่วโมง2</span></a> ></span>
<p> ตอนนี้ตั้งค่าตัวจับเวลาเป็น “ <strong> 1</strong> ”:</p> ให้จับเวลา<span class="sy0"> =</span> <span class="nu0"> 1</span><span class="sy0"> ;</span>
<p> หลังจากนั้นให้ใช้ “ <strong> setInterval()</strong> ” ด้วยวิธีการ “ <strong> 1000ms</strong> ' ค่า. สิ่งนี้จะเพิ่มตัวจับเวลาทุกวินาที นอกจากนี้ ให้เข้าถึงหัวข้อที่ระบุเพื่อแสดงบน “ <strong> เอกสาร Object Model(DOM)</strong> ” เมื่อสิ้นสุดค่าตัวจับเวลาที่ตั้งไว้</p>
<p> สุดท้าย วนซ้ำค่าของตัวจับเวลาด้วยการเพิ่มขึ้นของ “ <strong> 1</strong> ' โดยใช้ ' <strong> ++</strong> ” ตัวดำเนินการหลังการเพิ่มและใช้เงื่อนไขในลักษณะที่หากค่าเกิน 5 “ <strong> location.reload()</strong> ” จะส่งผลให้มีการโหลดหน้าต่างใหม่:</p> setInterval<span class="br0"> (</span><span class="br0"> (</span><span class="br0"> )</span> <span class="sy0"> =></span> <span class="br0"> {</span> <br> เอกสาร.<span class="me1"> แบบสอบถามตัวเลือก</span><span class="br0"> (</span><span class="st0"> 'ชั่วโมง2'</span><span class="br0"> )</span> .<span class="me1"> innerText</span><span class="sy0"> =</span> จับเวลา<span class="sy0"> ;</span> <br> จับเวลา<span class="sy0"> ++;</span> <br> <span class="kw1"> ถ้า</span><span class="br0"> (</span> จับเวลา<span class="sy0"> ></span><span class="nu0"> 5</span><span class="br0"> )</span> <br> ที่ตั้ง.<span class="me1"> โหลดซ้ำ</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> จะเห็นได้ว่าหน้าเว็บของเราได้รับการรีเฟรชอัตโนมัติทุก ๆ ห้าวินาที:</p>
<p> <img class="wp-image-238673" src="https://softoban.com/img/other/A8/how-to-auto-refresh-web-page-every-5-seconds-using-javascript-1.gif"></p>
<h2 id="2"> <strong> วิธีที่ 2: รีเฟรชหน้าเว็บอัตโนมัติทุกๆ 5 วินาทีใน JavaScript โดยใช้ onload Event</strong> </h2>
<p> “ <strong> onload</strong> เหตุการณ์ ” จะถูกทริกเกอร์เมื่อมีการโหลดวัตถุ เทคนิคนี้สามารถนำมาใช้เพื่อรีเฟรชหน้าโดยใช้ฟังก์ชันที่ผู้ใช้กำหนดเองเมื่อโหลดหน้าเว็บ</p>
<p> <strong> ไวยากรณ์</strong> </p> วัตถุ.<span class="me1"> onload</span> <span class="sy0"> =</span> รีเฟรชเพจ<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> myScript<span class="br0"> }</span><span class="sy0"> ;</span>
<p> ในไวยากรณ์ที่กำหนด “ <strong> การทำงาน</strong> ” หมายถึงฟังก์ชันที่ต้องเรียกใช้เมื่อโหลดอ็อบเจ็กต์</p>
<p> ดูตัวอย่างต่อไปนี้</p>
<h3> <strong> ตัวอย่าง</strong> </h3>
<p> ประการแรก รวมหัวเรื่องและหัวเรื่องตามที่กล่าวไว้ในวิธีการก่อนหน้านี้:</p>
<span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> ชื่อ</span></a> ></span> รีเฟรชหน้าทุกๆ 5 วินาที<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> ชื่อ</span></a> ></span> <br>
<span class="sc2"> < <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> ชั่วโมง2</span></a> ></span> รีเฟรชหน้าอัตโนมัติ<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> ชั่วโมง2</span></a> ></span>
<p> ตอนนี้ใช้“ <strong> onload</strong> ” เหตุการณ์และเรียกใช้ฟังก์ชัน “ <strong> รีเฟรชเพจ()</strong> ” และผ่าน “ <strong> 5000</strong> ” เป็นอาร์กิวเมนต์ซึ่งระบุช่วงเวลาห้าวินาที:</p>
<span class="sy0"> <</span> โหลดร่างกาย<span class="sy0"> =</span> <span class="st0"> 'จาวาสคริปต์:รีเฟรชเพจ (5000);'</span><span class="sy0"> ></span> <br>
<br>
<span class="sy0"> </</span> ร่างกาย<span class="sy0"> ></span>
<p> สุดท้ายกำหนดฟังก์ชั่นชื่อ “ <strong> รีเฟรชเพจ ()</strong> ' กับ ' <strong> t</strong> ” เป็นอาร์กิวเมนต์ที่อ้างถึงเวลาที่ตั้งไว้สำหรับการรีเฟรชหน้าเว็บโดยอัตโนมัติ “ <strong> location.reload()</strong> วิธี ” จะโหลดหน้าซ้ำหลังจากเวลาที่กำหนด:</p> ฟังก์ชั่น 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(จริง);'</span> , t<span class="br0"> )</span><span class="sy0"> ;</span> <br>
<br>
<span class="br0"> }</span>
<p> <strong> เอาท์พุต</strong> </p>
<p> <img class="wp-image-238674" src="https://softoban.com/img/other/A8/how-to-auto-refresh-web-page-every-5-seconds-using-javascript-2.gif"></p>
<h2 id="3"> <strong> วิธีที่ 3: รีเฟรชหน้าเว็บอัตโนมัติทุกๆ 5 วินาทีใน JavaScript โดยใช้วิธี setTimeout()</strong> </h2>
<p> “ <strong> setTimeout()</strong> เมธอด ” เรียกใช้ฟังก์ชันหลังจากเวลาที่กำหนด วิธีนี้สามารถใช้เพื่อโหลดหน้าเว็บใหม่หลังจากหมดเวลาที่กำหนดไว้</p>
<p> <strong> ไวยากรณ์</strong> </p> setTimeout<span class="br0"> (</span> ฟังก์ชัน, มิลลิวินาที, พาร์ 1, พาร์2<span class="br0"> )</span>
<p> ในไวยากรณ์ที่กำหนด “ <strong> การทำงาน</strong> ” หมายถึงฟังก์ชันที่จะเข้าถึงได้ “ <strong> มิลลิวินาที</strong> ” คือช่วงเวลาเฉพาะที่จะดำเนินการ และ “ <strong> คู่ 1</strong> ”, “ <strong> พาร์2</strong> ” เป็นพารามิเตอร์เพิ่มเติม</p>
<h3> <strong> ตัวอย่าง</strong> </h3>
<p> ในแท็กสคริปต์ของหน้า HTML ให้ใช้ “ <strong> setTimeout()</strong> ” วิธีดังกล่าวเมื่อผ่านไป 5 วินาที วิธี location.reload() จะโหลดหน้าเว็บใหม่:</p>
<span class="sy0"> <</span> สคริปต์<span class="sy0"> ></span> <br>
<br> setTimeout<span class="br0"> (</span><span class="st0"> 'location.reload(จริง);'</span> ,<span class="nu0"> 5000</span><span class="br0"> )</span><span class="sy0"> ;</span> <br>
<br>
<span class="sy0"> </</span> สคริปต์<span class="sy0"> ></span>
<p> <strong> เอาท์พุต</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> เราได้พูดถึงวิธีการที่สะดวกทั้งหมดในการรีเฟรชหน้าเว็บอัตโนมัติทุกๆ 5 วินาทีโดยใช้ JavaScript</p>
<h2> <strong> บทสรุป</strong> </h2>
<p> หากต้องการรีเฟรชหน้าเว็บโดยอัตโนมัติทุกๆ 5 วินาทีโดยใช้ JavaScript ให้ใช้ ' <strong> setInterval()</strong> ' และ ' <strong> document.querySelector()</strong> ” วิธีการปรับค่าตัวจับเวลา “ <strong> รีเฟรช ()</strong> ” วิธีการรีเฟรชหน้าเว็บหรือ “ <strong> setTimeout()</strong> ” วิธีการกำหนดขีดจำกัดการรีเฟรชการหมดเวลาของหน้าเว็บ บทความนี้สาธิตวิธีการรีเฟรชหน้าเว็บอัตโนมัติทุกๆ 5 วินาทีโดยใช้ 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="/xun/" class="tag-cloud-link">อื่น</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">หมวดหมู่</h3>
<ul class="categories">
<li> <a href="/raspberry-pi/">ราสเบอร์รี่ปี่</a> </li><li> <a href="/ethernet/">อีเธอร์เน็ต</a> </li><li> <a href="/other/">อื่น</a> </li><li> <a href="/nano/">นาโน</a> </li><li> <a href="/zoom/">ซูม</a> </li><li> <a href="/cinnamon/">อบเชย</a> </li><li> <a href="/reviews/">ความคิดเห็น</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">วิทยุ</a> </li><li> <a href="/minecraft/">มายคราฟ</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">การบีบอัด</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Aircrack</a> </li><li> <a href="/office-productivity-software/">ซอฟต์แวร์เพิ่มประสิทธิภาพการทำงานในสำนักงาน</a> </li><li> <a href="/boot/">Boot</a> </li><li> <a href="/system-calls/">การเรียกระบบ</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">เครือข่าย</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">เพล็กซ์</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">นักเทียบท่า</a> </li><li> <a href="/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/">นกแก้ว Os</a> </li><li> <a href="/sublime/">ประเสริฐ</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hyper-V</a> </li><li> <a href="/phone/">โทรศัพท์</a> </li><li> <a href="/kodi/">รหัส</a> </li><li> <a href="/gnome/">Gnome</a> </li><li> <a href="/manjaro/">อาหารอันโอชะ</a> </li><li> <a href="/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/">ยาเม็ด</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Curl</a> </li><li> <a href="/kde/">ที่ไหน</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">แบบอักษร</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">ภาพ</a> </li><li> <a href="/usb/">ยูเอสบี</a> </li><li> <a href="/squid/">ปลาหมึก</a> </li><li> <a href="/mate/">เพื่อน</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/">แป้นพิมพ์</a> </li><li> <a href="/inkscape/">อิงค์สเคป</a> </li><li> <a href="/encryption/">การเข้ารหัส</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">สแกนเนอร์</a> </li><li> <a href="/atom/">อะตอม</a> </li><li> <a href="/red-hat/">หมวกสีแดง</a> </li><li> <a href="/teamviewer/">Teamviewer</a> </li><li> <a href="/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/">บล็อก</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">เครื่องเล่นสื่อ</a> </li><li> <a href="/posix/">โพซิกซ์</a> </li><li> <a href="/steam/">ไอน้ำ</a> </li><li> <a href="/jenkins/">เจนกินส์</a> </li><li> <a href="/power/">พลัง</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">ตร.ม</a> </li><li> <a href="/bluetooth/">บลูทู ธ</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">กริป</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">โอดิสซี</a> </li><li> <a href="/audio/">เครื่องเสียง</a> </li><li> <a href="/cpu/">ซีพียู</a> </li><li> <a href="/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 (รุ่นเก่า)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">สำนักงาน</a> </li><li> <a href="/xun/">อื่น</a> </li><li> <a href="/s-kip/">สไกป์</a> </li><li> <a href="/ra-s-bexr-ri-pi/">ราสเบอร์รี่ปี่</a> </li><li> <a href="/web-khaem/">เว็บแคม</a> </li><li> <a href="/kheruxng-len-sux/">เครื่องเล่นสื่อ</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/hae-phr-xk-si/">แฮพร็อกซี่</a> </li><li> <a href="/kha-phangphey/">คำพังเพย</a> </li><li> <a href="/but/">บูต</a> </li><li> <a href="/praserith/">ประเสริฐ</a> </li><li> <a href="/xu-bun-tu-24-04-cat/">อูบุนตู 24.04</a> </li><li> <a href="/neks-khla-wd/">เน็กซ์คลาวด์</a> </li><li> <a href="/khunthrrm/">คุณธรรม</a> </li><li> <a href="/usb-passthrough/">usb-passthrough</a> </li><li> <a href="/hmwk-fang/">หมวกฟาง</a> </li><li> <a href="/but-xyang-plxdphay/">#บูตอย่างปลอดภัย</a> </li><li> <a href="/xupkrn-sng-phan/">อุปกรณ์ส่งผ่าน</a> </li><li> <a href="/xe-sdi-xen/">เอสดีเอ็น</a> </li>
</ul>
</div>
<div class="sidebar-box ftco-animate">
<h3 class="sidebar-heading">โพสต์ยอดนิยม</h3>
<div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/FC/solved-usb-ports-not-working-in-windows-10-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/kaekhi-laew-phxrt-usb-mi-thangan-ni-windows-10">(แก้ไขแล้ว) พอร์ต USB ไม่ทำงานใน Windows 10</a> </h3>
<div class="meta">
<div> <a href="/xun/"><span class="icon-chat"></span> อื่น</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/02/how-to-quote-text-on-discord-2022-guide-with-screenshots-1.gif);"></a>
<div class="text">
<h3 class="heading"> <a href="/ca-xang-khxkhwam-ni-discord-di-xyangri-khumux-pi-2022-phrxm-phaph-hna-cx">จะอ้างข้อความใน Discord ได้อย่างไร? คู่มือปี 2022 พร้อมภาพหน้าจอ?</a> </h3>
<div class="meta">
<div> <a href="/xun/"><span class="icon-chat"></span> อื่น</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/64/how-to-use-constant-e-in-matlab-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/ca-chi-kha-khngthi-e-ni-matlab-di-xyangri">จะใช้ค่าคงที่ e ใน MATLAB ได้อย่างไร</a> </h3>
<div class="meta">
<div> <a href="/xun/"><span class="icon-chat"></span> อื่น</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/70/how-to-bookmark-on-iphone-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/withi-bu-kmar-kbn-iphone">วิธีบุ๊กมาร์กบน iPhone</a> </h3>
<div class="meta">
<div> <a href="/xun/"><span class="icon-chat"></span> อื่น</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/77/how-to-upload-a-pdf-to-wordpress-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/withi-xap-hold-pdf-pi-yang-wordpress">วิธีอัปโหลด PDF ไปยัง WordPress</a> </h3>
<div class="meta">
<div> <a href="/xun/"><span class="icon-chat"></span> อื่น</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/how-to-secure-your-windows-user-account-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/withi-raks-a-khwam-plxdphay-baychi-phu-chi-windows-khxng-khun">วิธีรักษาความปลอดภัยบัญชีผู้ใช้ Windows ของคุณ</a> </h3>
<div class="meta">
<div> <a href="/xun/"><span class="icon-chat"></span> อื่น</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/68/how-to-restart-a-single-container-with-docker-compose-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/withi-ri-starth-khxnthennexr-deiyw-dwy-docker-compose">วิธีรีสตาร์ทคอนเทนเนอร์เดี่ยวด้วย Docker Compose</a> </h3>
<div class="meta">
<div> <a href="/xun/"><span class="icon-chat"></span> อื่น</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/what-is-a-concrete-class-in-java-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/khlas-khxnkrit-ni-java-khux-xari">คลาสคอนกรีตใน Java คืออะไร</a> </h3>
<div class="meta">
<div> <a href="/xun/"><span class="icon-chat"></span> อื่น</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="/withi-chi-pharamitexr-stil-ni-midjourney">วิธีใช้พารามิเตอร์สไตล์ใน Midjourney</a> </h3>
<div class="meta">
<div> <a href="/xun/"><span class="icon-chat"></span> อื่น</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/39/is-there-a-way-to-log-out-of-all-devices-on-discord-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/mi-withi-xxk-cak-rabb-xupkrn-thanghmd-bn-discord-hrux-mi">มีวิธีออกจากระบบอุปกรณ์ทั้งหมดบน Discord หรือไม่</a> </h3>
<div class="meta">
<div> <a href="/xun/"><span class="icon-chat"></span> อื่น</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/memmove-in-c-and-c-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/memmove-ni-c-laea-c">Memmove() ใน C และ C++</a> </h3>
<div class="meta">
<div> <a href="/xun/"><span class="icon-chat"></span> อื่น</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/8A/how-to-handle-errors-in-golang-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/withi-cadkar-kab-khx-phid-phlad-ni-golang">วิธีจัดการกับข้อผิดพลาดใน Golang?</a> </h3>
<div class="meta">
<div> <a href="/xun/"><span class="icon-chat"></span> อื่น</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/scanner-nextint-method-in-java-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/withi-kar-skaen-nex-r-nextint-ni-java">วิธีการสแกนเนอร์ nextInt() ใน Java</a> </h3>
<div class="meta">
<div> <a href="/xun/"><span class="icon-chat"></span> อื่น</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/E8/what-is-tofixed-in-javascript-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/tofixed-ni-javascript-khux-xari">toFixed() ใน JavaScript คืออะไร</a> </h3>
<div class="meta">
<div> <a href="/xun/"><span class="icon-chat"></span> อื่น</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/E4/rewriting-history-tool-in-git-explained-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/kheruxng-mux-prawatikar-kheiyn-him-ni-git-xthibay">เครื่องมือประวัติการเขียนใหม่ใน Git | อธิบาย</a> </h3>
<div class="meta">
<div> <a href="/xun/"><span class="icon-chat"></span> อื่น</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/92/fix-event-id-455-esent-error-in-windows-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/kaekhi-khx-phid-phlad-id-hetukarn-455-esent-ni-windows">แก้ไข: ข้อผิดพลาด ID เหตุการณ์ 455 ESENT ใน Windows</a> </h3>
<div class="meta">
<div> <a href="/xun/"><span class="icon-chat"></span> อื่น</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/5C/how-to-use-fmod-function-in-php-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/withi-chi-fangkchan-fmod-ni-php">วิธีใช้ฟังก์ชัน fmod ใน PHP</a> </h3>
<div class="meta">
<div> <a href="/xun/"><span class="icon-chat"></span> อื่น</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/what-is-aws-kinesis-used-for-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/aws-kinesis-chi-sahrab-xari">AWS Kinesis ใช้สำหรับอะไร</a> </h3>
<div class="meta">
<div> <a href="/xun/"><span class="icon-chat"></span> อื่น</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/73/how-to-add-remove-the-windows-media-player-in-windows-10-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/withi-pheim-lb-windows-media-player-ni-windows-10">วิธีเพิ่ม/ลบ Windows Media Player ใน Windows 10</a> </h3>
<div class="meta">
<div> <a href="/xun/"><span class="icon-chat"></span> อื่น</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-rearrange-photos-in-albums-on-android-phone-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/withi-cad-reiyng-rupphaph-ni-xalbam-him-bn-thorsaphth-android">วิธีจัดเรียงรูปภาพในอัลบั้มใหม่บนโทรศัพท์ Android</a> </h3>
<div class="meta">
<div> <a href="/xun/"><span class="icon-chat"></span> อื่น</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>