Schedule opening and closing of pages

 


  1. checkOpenClose: เป็นฟังก์ชันที่ใช้ตรวจสอบเวลาปัจจุบันและเปิดหรือปิดบริการตามเวลาที่กำหนด

    • ใช้ new Date() เพื่อรับเวลาปัจจุบัน
    • ใช้ getDay() เพื่อรับวันที่ในสัปดาห์ และ getHours() กับ getMinutes() เพื่อรับเวลาในหน่วยชั่วโมงและนาที
    • ตรวจสอบว่าเป็นวันจันทร์ถึงศุกร์หรือไม่ และตรวจสอบเวลาว่าอยู่ในช่วงเปิดบริการหรือไม่
    • แสดงผลลัพธ์ว่า "เปิดบริการ" หรือ "ปิดบริการ" ตามเวลาที่กำหนด
  2. setInterval: ใช้เพื่อเรียกใช้ฟังก์ชัน checkOpenClose ทุกๆ 1 วินาที (1000 มิลลิวินาที)

  3. checkOpenClose(): เรียกใช้ฟังก์ชันทันทีเมื่อโหลดหน้าขึ้นมา เพื่อไม่ต้องรอจนถึงการเรียกครั้งถัดไปของ setInterval

<!DOCTYPE html>
<html>
    <head>
        <!-- Adding CSS/Stylesheet -->
        <style>
            p {
                text-align: center;
                font-size: 60px;
            }
        </style>
    </head>
    <body>
        <p id="demo"></p>

        <!-- Adding JavaScript code -->
        <script>
            // ฟังก์ชันตรวจสอบเวลาเปิด/ปิด
            function checkOpenClose() {
                // ได้รับเวลาปัจจุบัน
                const now = new Date();
                const day = now.getDay(); // 0: อาทิตย์, 1: จันทร์, ... , 6: เสาร์
                const hour = now.getHours();
                const minutes = now.getMinutes();

                // กำหนดเวลาที่ต้องการ
                const openingHour = 8;
                const openingMinutes = 30;
                const closingHour = 16;
                const closingMinutes = 30;

                // ตรวจสอบว่าเป็นวันจันทร์ถึงศุกร์หรือไม่ (1 ถึง 5)
                if (day >= 1 && day <= 5) {
                    // ตรวจสอบเวลาเปิด
                    const isOpen = (hour > openingHour || (hour === openingHour && minutes >= openingMinutes)) &&
                                (hour < closingHour || (hour === closingHour && minutes < closingMinutes));
                   
                    if (isOpen) {
                        console.log(hour);
                        // เพิ่มโค้ดที่ต้องการเปิดบริการที่นี่
                        document.getElementById("demo").innerHTML = "OPEN";
                    } else {
                        console.log(hour);
                        // เพิ่มโค้ดที่ต้องการปิดบริการที่นี่
                        document.getElementById("demo").innerHTML = "CLOSED";
                    }
                } else {
                    console.log("ปิดบริการ (วันหยุด)");
                    // เพิ่มโค้ดสำหรับวันหยุดที่นี่
                    document.getElementById("demo").innerHTML = "HOLIDAY";
                }
            }

            // เรียกใช้ฟังก์ชันทุกๆ 1 นาที (60000 มิลลิวินาที)
            setInterval(checkOpenClose, 1000);

            // เรียกใช้ฟังก์ชันทันทีเมื่อโหลดหน้าขึ้นมา
            checkOpenClose();


        </script>
    </body>
</html>

คุณสามารถปรับแต่งโค้ดนี้เพื่อทำการกระทำอื่นๆ เช่น เปิดหรือปิด UI หรือทำงานอื่นๆ ตามที่คุณต้องการในช่วงเวลาที่กำหนด

แสดงความคิดเห็น (0)
ใหม่กว่า เก่ากว่า