Javascript模糊时间(例如'10分钟前'),精确到秒

Question

我正在制作一个计算'秒前'的javascript计数器.我有时间在JS时间对象中,我在堆栈溢出时发现了一个"时差"功能片段,但它显示"2小时前".如何让它显示"5小时10分37秒前".

这是我正在使用的:

此函数将某些内容的当前时间和时间戳转换为"20秒前"而不是隐藏日期:

function timeDifference(current, previous) {
    var msPerMinute = 60 * 1000;
    var msPerHour = msPerMinute * 60;
    var msPerDay = msPerHour * 24;
    var msPerMonth = msPerDay * 30;
    var msPerYear = msPerDay * 365;

    var elapsed = current - previous;

    if (elapsed < msPerMinute) {
         return Math.round(elapsed/1000) + ' seconds ago';   
    } else if (elapsed < msPerHour) {
         return Math.round(elapsed/msPerMinute) + ' minutes ago';   
    } else if (elapsed < msPerDay ) {
         return Math.round(elapsed/msPerHour ) + ' hours ago';   
    } else if (elapsed < msPerMonth) {
         return 'approximately ' + Math.round(elapsed/msPerDay) + ' days ago';   
    } else if (elapsed < msPerYear) {
         return 'approximately ' + Math.round(elapsed/msPerMonth) + ' months ago';   
    } else {
         return 'approximately ' + Math.round(elapsed/msPerYear ) + ' years ago';   
    }
}

这就是我用来"计算"每秒钟的时间.我希望它能说"5小时,3分钟,10秒前",然后1秒后,"5小时,3分钟,11秒前"

var newTime = new Date(data.popular[i].timestamp*1000)
var relTime = timeDifference(new Date(),newTime)

setInterval(function(){
    var theTimeEl = $('.timestamp-large').filter(function(){
        return $(this).html() == relTime
    });
    newTime.setSeconds(newTime.getSeconds() + 1);
    var relTime = timeDifference(new Date(), newTime);
    $(theTimeEl).html(relTime);
    console.log(relTime)
}, 1000)

变量newTime是UTC javascript日期格式的时间.relTime是以"秒前"格式表示的.间隔循环遍历一堆时间戳元素,并为每个时间戳选择正确的时间戳.然后它会增加一秒钟的时间,将其转换回"模糊时间"(几秒钟前),用新时间替换html并将其记录在控制台中.

如何将"5小时前"更改为"5小时,37分钟,10秒前"？需要修改时差函数.

Answer 1

这是一个接近你所要求的功能.

var timeparts = [
   {name: 'year', div: 31536000000, mod: 10000},
   {name: 'day', div: 86400000, mod: 365},
   {name: 'hour', div: 3600000, mod: 24},
   {name: 'minute', div: 60000, mod: 60},
   {name: 'second', div: 1000, mod: 60}
];

function timeAgoNaive(comparisonDate) {
   var
      i = 0,
      l = timeparts.length,
      calc,
      values = [],
      interval = new Date().getTime() - comparisonDate.getTime();
   while (i < l) {
      calc = Math.floor(interval / timeparts[i].div) % timeparts[i].mod;
      if (calc) {
         values.push(calc + ' ' + timeparts[i].name + (calc != 1 ? 's' : ''));
      }
      i += 1;
   }
   if (values.length === 0) { values.push('0 seconds'); }
   return values.join(', ') + ' ago';
}

console.log(timeAgoNaive(new Date(Date.parse('Jun 12 2006 11:52:33'))));
console.log(timeAgoNaive(new Date(new Date().getTime() - 3600000)));
console.log(timeAgoNaive(new Date()));

结果:

6 years, 33 days, 4 hours, 52 minutes, 22 seconds ago
1 hour ago
0 seconds ago

我把它称为"天真",因为它并没有真正关注我们计算时间的人类方式.如果它是"1/1/2013 12:01:00 am",则与"1/1/2012 12:01:00 am"相比应该产生"1年0个月0天0小时0分钟,0秒之前".但它不会通过扩展你呈现的函数中的逻辑来做到这一点,并且它也不会在我的函数中执行此操作(加上我的函数不会使用几个月).比365天更接近年份的是365.24,但这也被忽略了.

我按你的要求排除了空的时间部分,当没有找到时间部分时,至少留下"0秒".

现在,如果你想要那种类似人类的计算方法,你必须决定一些事情.你不能只使用越过边界,因为2月28日到3月1日不是整整一个月.其次,这里有一个问题会揭露真正的问题:

• 2月2日到3月31日有多少个月和几天？

如果您将2月2日至3月2日计算为一个月,则为1个月29天.但如果是1月2日到3月1日呢？这与他们之间经过的天数相同.现在是1个月(4月全部)+ 3月1天+ 1月31天1个月32天？您是否希望您的月份与实际日历重合,以便人类可以用他的手指回溯并从中获取正确的日期？这比你想象的要困难得多.

如果你可以用合理而完整的规则来回答你如何做"像人类一样的时间计算",那么也许我可以写你另一个功能来做到这一点.

更新

这是一个几个月的新功能,一年365.24天(一个月30.43666666天):

var timeparts = [
   {name: 'millenni', div: 31556736000, p: 'a', s: 'um'},
   {name: 'centur', div: 3155673600, p: 'ies', s: 'y'},
   {name: 'decade', div: 315567360},
   {name: 'year', div: 31556736},
   {name: 'month', div: 2629728},
   {name: 'day', div: 86400},
   {name: 'hour', div: 3600},
   {name: 'minute', div: 60},
   {name: 'second', div: 1}
];

function timeAgoNaive2(comparisonDate) {
   var i = 0,
      parts = [],
      interval = Math.floor((new Date().getTime() - comparisonDate.getTime()) / 1000);
   for ( ; interval > 0; i += 1) {
      value = Math.floor(interval / timeparts[i].div);
      interval = interval - (value * timeparts[i].div);
      if (value) {
         parts.push(value + ' ' + timeparts[i].name + (value !== 1 ? timeparts[i].p || 's' : timeparts[i].s || ''));
      }
   }
   if (parts.length === 0) { return 'now'; }
   return parts.join(', ') + ' ago';
}

console.log(timeAgoNaive2(new Date(Date.parse('Jun 12 2006 11:52:33'))));
console.log(timeAgoNaive2(new Date(new Date().getTime() - 3600000)));
console.log(timeAgoNaive2(new Date()));
console.log(timeAgoNaive2(new Date(-92709631247000)));

输出:

6 years, 1 month, 1 day, 10 hours, 53 minutes, 44 seconds ago
1 hour ago
now
2 millennia, 9 centuries, 8 decades, 4 months, 26 days, 22 hours, 41 minutes, 47 seconds ago

它仍然很幼稚,但它做得更好.此外,它将适用于像BC一样的旧日期.:)

Answer 2

改变逻辑，这样它就不仅仅是找到它能找到的最大的测量单位，而是对剩余的部分进行处理。

基本上，您需要做的就是从最大增量开始，找到该值，然后从总数中减去它以获得余数。然后重复。

可能是这样的，我没有测试过。

var elapsed = current - previous;
var remainder = elapsed;

int years;
int months;

years = Math.floor(remainder/msPerYear);
remainder = remainder % msPerYear;

months = Math.floor(remainder/msPerMonth);
remainder = remainder % msPerMonth;

// repeat

然后只需根据变量构建字符串即可。