PHP แสดงเวลา RealTime ด้วย jQuery Framework

PHP แสดงเวลา RealTime ด้วย jQuery Framework บทความนี้สอนการใช้งาน jQuery เพื่อแสดงเวลาแบบ RealTime ด้วยภาษา PHP จากคำสั่ง date พร้อมแสดงวันที่ออกสู่หน้าเว็บไซต์ สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง PHP แสดงเวลา RealTime ด้วย jQuery Framework

<div id="datetime"></div>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
    setInterval(() => {
        $.get( "date.php", function( data ) {
            $( "#datetime" ).html( data );
        });        
    }, 1000);
</script>

<?php
	// ไฟล์ date.php
    echo "ขณะนี้วันที่ และเวลา ".date("d-m-Y H:i:s");
?>

ผลลัพธ์

ขณะนี้วันที่ และเวลา 26-04-2022 09:09:19

PHP แสดงเวลา RealTime ด้วย jQuery Framework ใช้คำสั่ง setInterval ให้ประมวลโปรแกรมทุกๆ 1 วินาที โดยใช้ jQuery ดึงข้อมูลแบบ get จากไฟล์ date.php และแสดงผลลัพธ์ที่ div id เท่ากับ datetime ในรูปแบบของ html โดยในไฟล์ date.php จะพิมพ์ข้อความว่า “ขณะนี้วันที่ และเวลา” ตามด้วยข้อมูล วัน-เดือน-ปี ชั่วโมง:นาที:วินาที