Giả sử, chúng tôi đang khớp ngày và giờ hiện tại với giờ làm việc. Chúng tôi cần hiển thị xem văn phòng hiện đang đóng hay mở trên cơ sở thời gian hiện tại.
Nhận giờ từ ngày hiện tại và có thể sử dụng toán tử bậc ba để đóng và mở. Tiếp theo là mã -
Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<p class="closeOrOpened"></p>
<script>
const gettingHours = new Date().getHours()
const actualHours = (gettingHours >= 10 && gettingHours < 18) ? 'Open' : 'Closed';
document.querySelector('.closeOrOpened').innerHTML = actualHours;
</script>
</body>
</html> Để chạy chương trình trên, hãy lưu tên tệp “anyName.html (index.html)” và nhấp chuột phải vào tệp. Chọn tùy chọn “Mở bằng Máy chủ Trực tiếp” trong trình chỉnh sửa Mã VS.
Đầu ra
Điều này sẽ tạo ra kết quả sau -
Open
Bây giờ thời gian hiện tại của tôi nhỏ hơn 10, Vì vậy, tôi đã đưa ra điều kiện khi giờ nhỏ hơn 10 điều đó có nghĩa là sẽ nhận được đầu ra là đóng cửa.
