0

我在一篇博客文章中找到了这段代码，它是一个使用http://keith-wood.name/countdown.html的重复出现的 24 小时倒数计时器。我使用它的目的是作为第二天交货的最后期限，因此当超过下午 4 点的最后期限时，计时器会重置。周末不提供次日送达服务，因此其计算方法是在周五、周六或周日调整计时器。

这个 JsFiddle 展示了一个演示，它每天倒计时到下午 4 点，周末除外：https ://jsfiddle.net/u3t2n9jk/6/

我的问题

我只需要将下午 4 点的截止日期更改为下午 3 点。如果我出于某种原因将 var 截止日期 = 16 更改为 15（24 小时制），它会破坏周五、周六和周日的计算。我还需要做什么才能使其正常工作？

function nextDay() {
  var target = new Date();
  var deadline = 16; // Set 4pm/16:00hrs dispatch deadline

  if (target.getHours() < deadline || (target.getHours() == 15 && target.getMinutes() == 59 ) ) {

      console.log('Before deadline ' + target.getMinutes());

      if ( target.getDay() == 5 && target.getHours() == 16  && target.getSeconds() > 1 ) { // For Friday After 4PM
        target.setHours(88, 0, 0, 0);
      }
      else if ( target.getDay() == 6  ) { // For Saturday
        target.setHours(64, 0, 0, 0);
      }
      else if ( target.getDay() == 7  ) { // For Sunday
        target.setHours(30, 0, 0, 0);
      }
      else {
        target.setHours(deadline, 0, 0, 0);
      }

    } else if (target.getHours() > deadline  || (target.getHours() == deadline && target.getMinutes() >= 0)   )  {
         console.log('After deadline ' + target.getMinutes());

        if ( target.getDay() == 5 && target.getHours() == 16  && target.getSeconds() > 1 ) { // For Friday After 4PM
                 target.setDate(target.getDate() + 1);
                 target.setHours(88, 0, 0, 0);
              }
              else if ( target.getDay() == 6  ) { // For Saturday
                 target.setDate(target.getDate() + 1);
                 target.setHours(64, 0, 0, 0);
              }
              else if ( target.getDay() == 7  ) { // For Sunday
                 target.setDate(target.getDate() + 1);
                 target.setHours(30, 0, 0, 0);
              }

              else {
                 target.setDate(target.getDate() + 1);
         target.setHours(deadline, 0, 0, 0);
              }

    }

  return target;
}
4

1 回答 1

0

最后在一位同事的帮助下重写了它背后的逻辑。请注意，您可以复制/粘贴此代码以使其正常工作，但是您也需要jQuery Countdown 插件：

function nextDay() {
var target = new Date();
var hours_now = target.getHours();
target.setHours(15);
target.setMinutes(0);
target.setSeconds(0);

// target is 3 today

if ( target.getDay() == 5 && hours_now >= 15 ) { // For Friday After 3PM
    target.setDate(target.getDate() + 3); // target is 3 on Monday
}
else if ( target.getDay() == 6  ) { // For Saturday
    target.setDate(target.getDate() + 2); // target is 3 on Monday
}
else if ( target.getDay() == 0 ) { // For Sunday
    target.setDate(target.getDate() + 1); // target is 3 on Monday
}
else if (hours_now >= 15){ // Any other day and after deadline
    target.setDate(target.getDate() + 1); // target is 3 Tomorrow
}
return target;
}

function reset() {
window.location.reload();
}

$('#timer').countdown({
until: nextDay(),
onExpiry: reset,
expiryText: '<div class="end">You have missed todays dispatch.</div>',
labels: ['Years', 'Months', 'Weeks', 'days', 'hrs', 'min', 's'],
labels1: ['Year', 'Month', 'Week', 'day', 'hr', 'min', 's'],
format: 'HMS'
});
于 2016-03-17T09:29:08.887 回答