javascript 将分钟添加到 new Date();在使用该对象之前

Question

我有一个函数调用启动了一堆计时器，我想为每个计时器添加几分钟，这样它们就不会全部从零开始。我取得了成功：

var currentDate = new Date();
var twentyMinutesLater = new Date(currentDate.getTime() + (20 * 60 * 1000));
new CountUp(twentyMinutesLater, 'counter03');

我很想跳过为我想要的所有计时器创建 var二十分钟后等等，我只是无法获得正确的语法，或者也许这是不可能的。有没有办法在下面的函数调用中添加毫秒。

new CountUp(new Date(), 'counter03');

我尝试过：

new CountUp((new Date() + (20 * 60 * 1000)), 'counter03');

结果 NaN NaN:NaN:NaN 所以它不是一个数字 带双引号的结果相同。

有没有 javascript 语法大师有什么想法？

Answer 1

在您的特定代码中，您将 Date 对象传递给计数器代码，但这不是预期的结果。它需要一个时间值，从中生成自己的 Date 对象（您可以在 Counter 函数的构造函数中看到这一点）。另外，计数器代码不会占用未来的时间，只会占用过去的时间（也许是因为它不想处理负时间 - 我不知道）。

这是一个工作示例此处，我修改了在回答您的其他问题时使用的其他 jsFiddle问题。

function addCounter() {
    var currentDate = new Date();
    var twentyMinutesLater = currentDate.getTime() - (20 * 60 * 1000);
    var div = document.createElement("div");
    div.id = "counter" + counterNum++;
    document.body.appendChild(div);
    new CountUp(twentyMinutesLater, div.id);
}

而且，这里有一个 jsFiddle，可以让您输入分钟数，它将在该值启动一个计数器： http:// /jsfiddle.net/jfriend00/vnf5z/。

Answer 2

应该执行类似以下操作：

var d = new Date();
new CountUp(d.setMinutes(d.getMinutes() + 20), 'counter03'); 

根据 CountUp 构造函数如何使用传递给它的日期对象，以及是否要重用 d，您可能需要：

var d = new Date();
new CountUp(new Date(d.setMinutes(d.getMinutes() + 20)), 'counter03'); 

以便每次调用 CountUp 获取不同的日期对象。

Answer 3

这是我在 Rails 中看到的另一种方法。您可以使用此语法创建相对日期对象，

(20).minutes().fromNow()

或者，如果您讨厌括号中的噪音，您可以这样做（仅在 ES5 兼容浏览器上），

(20).minutes.fromNow

这是第一个在 Number 原型上添加方法的非 ES5 解决方案。

Number.prototype.minutes = function() {
    // minutes to milliseconds
    return this * 60 * 1000;
};

Number.prototype.fromNow = function() {
    var futureDate = new Date(Date.now() + this);
    return futureDate;
};

new CountUp((20).mines().fromNow(), 'foo')

这是添加函数支持属性的 ES5 解决方案。

Object.defineProperties(Number.prototype, {
    minutes: {
        get: function() {
            // minutes to milliseconds
            return this * 60 * 1000;
        }
    },
    fromNow: {
        get: function() {
            var futureDate = new Date(Date.now() + this);
            return futureDate;
        }
    }
});

new CountUp((20).mines.fromNow, 'foo')

有关于扩展本地对象的不同思想流派。一组不惜一切代价禁止它，而另一组则鼓励几乎在任何地方使用它。与任何事情一样，取得平衡很重要。

Answer 4

new Date() 确实返回一个对象而不是时间戳，因此您不应该在那里使用数学运算（当您期望结果为 Number 时，至少不要添加）。
使用 Date.getTime() ：

//when you need a Date-object as argument
  new CountUp(new Date(new Date().getTime() + (20 * 60 * 1000)) , 'counter03');
//when you need the timestamp as argument
  new CountUp((new Date().getTime() + (20 * 60 * 1000)) , 'counter03');

请参阅小提琴以识别差异： http://jsfiddle.net/doktormolle/8v4Tx /