javascript - 在特定时间段内对 div 执行操作 (jQuery)

Question

我希望根据 div 是否是 iPad 并在特定时间戳内执行操作。 div 在 23:00 到 15:00 之间应该是可点击的，之后就不能点击了。

我有当前代码:

var deviceAgent = navigator.userAgent.toLowerCase();
var agentID = deviceAgent.match(/ipad/);
var pDate = new Date();
var pHour = pDate.getHours();

if (agentID && (pHour >= 23) && (pHour < 15))  {
} else if (agentID && (pHour >= 15 && pHour < 22)) {
  $( ".menu-item-remove" ).click(function(e) {
    e.preventDefault();
    alert("Frokost serveres kun mellem kl. 11:00 & 15:00");
  });

它似乎坏了。如果我告诉它从 23 到 15，然后让它在 16 到 22 重新开始，效果会很好。否则它就会崩溃。它只需要在除第二天 23 点到 15 点之外的任何时间发出警报并防止点击即可。这是唯一一次它应该是可点击的!

提前谢谢您。

Answer 1

我认为你的问题是这个(pHour >= 23) && (pHour < 15)

时间(pHour)不能同时大于23和小于15。所以尝试使用 ((pHour >= 23) || (pHour < 15)

演示

var deviceAgent = navigator.userAgent.toLowerCase();
var agentID = deviceAgent.match(/ipad/);
var pDate = new Date();
pDate.setTime(pDate.getTime() + 18000000);
var pHour = pDate.getHours();
console.log(pHour)
if (!agentID && ((pHour >= 23) || (pHour < 15))) {
  $(".menu-item-remove").click(function(e) {
    e.preventDefault();
    alert("You can now order lunch");

  });


} else if (!agentID && (pHour >= 9 && pHour < 22)) {
  $(".menu-item-remove").click(function(e) {
    e.preventDefault();
    alert("Frokost serveres kun mellem kl. 11:00 & 15:00");

  });
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<div class="menu-item-remove">Order lunch</div>