检测午夜和重置数据的最佳方法

Question

我一直在开发一个 Web 应用程序仪表板，我想知道如何检测是午夜，以便使用 jquery 或 momentjs 重置一些包含前一天数据的数组。

Answer 1

使用moment().format("h:mm:ss") 以h:mm:ss 格式返回时间。

var midnight = "0:00:00";
var now = null;

setInterval(function () {
    now = moment().format("H:mm:ss");
    if (now === midnight) {
        alert("Hi");
    }
    $("#time").text(now);
}, 1000);

JSFIDDLE

更好的方法是计算直到午夜的秒数。这使用 MomentJS 非常简单且易于阅读：

// returns the number of seconds until next midnight
moment("24:00:00", "hh:mm:ss").diff(moment(), 'seconds');

所以，做吧：

setTimeout(
   midnightTask,
   moment("24:00:00", "hh:mm:ss").diff(moment(), 'seconds')
);

function midnightTask() {
  /* do something */
}

JSFIDDLE

Answer 2

实际上只有两种方法可以做到这一点

1. 每 x 秒轮询一次，看看我们是否在午夜后 x 秒内
2. 计算从现在到午夜的时间，并在执行前休眠这段时间

(1) 已在其他答案中得到证明，这里是 (2)。

首先要做的是calculate the number of milliseconds until midnight，然后将其用作javascripts setTimeout的参数。

setTimeout(function(){
  // whatever you want to do at midnight
}, msToMidnight);

在完成该函数的工作后，您可能需要重新计算直到下一个午夜的时间并重复该过程。

Answer 3

所以我认为你的做法是错误的。您要查找的不是午夜时分，您只想知道这一天何时发生变化，这是一项简单得多的任务。

我要说的第一件事是不惜一切代价避免使用计时器。他们不值得。每天运行 > 3600 次相同的功能所花费的性能损失和额外的 CPU 时间是荒谬的，尤其是当它在其他人的计算机上运行时。你不知道它可以处理多少，所以假设它根本无法处理。让您的用户轻松一点。

我建议收听用户输入事件，假设这是您在普通计算机上拥有的东西，而不是something like this，没有用户输入。

如果您可以依赖用户输入事件，我会这样做..

var today = new Date(), lastUpdate;

window.addEventListener( "mousemove", function () {
  var time = new Date();
  // If we haven't checked yet, or if it's been more than 30 seconds since the last check
  if ( !lastUpdate || ( time.getTime() - lastUpdate.getTime() ) > 30000 ) {
    // Set the last time we checked, and then check if the date has changed.
    lastUpdate = time
    if ( time.getDate() !== today.getDate() ) {
      // If the date has changed, set the date to the new date, and refresh stuff.
      today = time

      this_is_where_you_would_reset_stuff()
    }
  }
} )

如果您绝对需要使用计时器，那么我会这样做..

function init() {
  var today = new Date();
  var midnight = new Date();

  midnight.setDate( today.getDate() + 1 )
  midnight.setHours( 0 )
  midnight.setMinutes( 0 )

  setTimeout( function () {
    // If the date has changed, set the date to the new date, and refresh stuff.
    today = time

    this_is_where_you_would_reset_stuff()

    init()
  }, midnight.getTime() - today.getTime() )
}

init()

请记住，第二种方法的可靠性可能要低得多。

Answer 4

在今天早上的午夜创建一个日期，加上 86400 秒，然后设置一个超时时间：

new Date(Date.parse((new Date()).toString().replace(/\d\d:\d\d:\d\d/,'00:00:00')) + 86400 * 1000)

以下是您的使用方法：

var delay_to_midnight = Date.parse((new Date()).toString().replace(/\d\d:\d\d:\d\d/,'00:00:00')) + 86400 * 1000 - Date.now()
var timeoutid = window.setTimeout(function() { alert("It's midnight!"); }, delay_to_midnight);

Answer 5

我会尝试：

window.setInterval(resetAtMidnight, 1000*5) // every five seconds
function resetAtMidnight() {
  var now = new Date();
  if(now.getHours() < 1
   && now.getMinutes() < 1
   && now.getSeconds() < 5 ) {
    redrawPage();
  }
};