คำสั่ง Refresh JavaScript โหลดหน้าใหม่ด้วย location.reload

สอนเขียนโค้ดคำสั่ง Refresh JavaScript หรือโหลดหน้าใหม่ โดยใช้คำสั่ง location.reload โดยตัวอย่างจะแนะนำแบบกดปุ่มแล้ว Refresh กับแบบให้ Refresh ทุกๆ 10 วินาที สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่างที่ 1 คำสั่ง Refresh JavaScript

<input type="button" value="โหลดหน้าใหม่ (Refresh)" onclick="refresh()">

<script>
    function refresh() {
        location.reload();
    }
</script>

โค้ดด้านบนเมื่อผู้ใช้งานกดคลิกที่ปุ่ม จะเรียกใช้ฟังก์ชัน refresh ในแท็กภาษา JavaScript โดยจะโหลดหน้าใหม่ หรือ Refresh หน้าด้วยคำสั่ง location.reload

ตัวอย่างที่ 2 คำสั่ง Refresh JavaScript แบบตั้งเวลาทุกๆ 10 วินาที

<script>
    function refresh() {
        location.reload();
    }
    setInterval("refresh()", 10000);
</script>

โค้ดด้านบนใช้คำสั่ง setInterval ให้ทุกๆ 10 วินาที เรียกใช้ฟังก์ชัน refresh เพื่อ Refresh หน้า หรือโหลดหน้าขึ้นมาใหม่