PHP AJAX ทำงานทุก 10 วินาที ด้วย setInterval

PHP AJAX ทำงานทุก 10 วินาที ด้วย setInterval บทความนี้สอนการใช้คำสั่ง setInterval เพื่อกำหนดให้ jQuery AJAX ทำงานทุก 10 วินาที หรือตามที่ต้องการ ร่วมกับภาษา PHP สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง PHP AJAX ทำงานทุก 10 วินาที ด้วย setInterval

<div id="time"></div>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
    function syncTime() {
        $.ajax({
            type: "POST",
            url: "time.php",
            success: function( data ) {
                $("#time").append( data );
            }
        });        
    }    
    syncTime();
    setInterval(() => {
        syncTime();
    }, 10000);
</script>

<?php
    // ไฟล์ time.php
    echo "<div>อัพเดททุก 10 วินาที ขณะนี้เวลา ".date("H:i:s")."</div>";
?>

ผลลัพธ์

อัพเดททุก 10 วินาที ขณะนี้เวลา 05:01:05
อัพเดททุก 10 วินาที ขณะนี้เวลา 05:01:15
อัพเดททุก 10 วินาที ขณะนี้เวลา 05:01:25
อัพเดททุก 10 วินาที ขณะนี้เวลา 05:01:35
อัพเดททุก 10 วินาที ขณะนี้เวลา 05:01:45

PHP AJAX ทำงานทุก 10 วินาที แนะนำให้ใช้คำสั่ง setInterval กำหนดระยะหน่วงเวลาเท่ากับ 10000 จากตัวอย่าง ทุกๆ 10000 มิลลิวินาที จะเรียกใช้ฟังก์ชัน syncTime เพื่อแสดงเวลาจากเครื่อง Server ด้วยภาษา PHP