JavaScript模糊时间（例如“ 10分钟前”），以精确的秒为单位

问题描述 投票：9回答：3

我正在制作一个“秒前”计数的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秒之前”？时差功能需要修改。

javascript jquery date time
3个回答
9
投票

这是一个与您要的功能接近的功能。

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) {
      var 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

它仍然很幼稚，但是做得更好。另外，它将适用于真正的旧日期，例如B.C.那些。 ：）

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

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

0
投票

这应该可以解决问题：

var msPerMinute = 60 * 1000;
var msPerHour = msPerMinute * 60;
var msPerDay = msPerHour * 24;
var msPerMonth = msPerDay * 30;
var msPerYear = msPerDay * 365;

function timeDifference(current, previous) {

var remainder = current - previous;   
var message = "";
var sep = "";

var years = Math.floor(remainder/msPerYear);
remainder = remainder - years * msPerYear;
if (years > 0) {
   message += years + " years";
   sep = ", ";
   console.log(message);
}

var months = Math.floor(remainder/msPerMonth);
remainder = remainder - months * msPerMonth;
if (months > 0) {
   message += sep + months + " months";
   sep = ", ";
   console.log(message);
}

var days = Math.floor(remainder/msPerDay);
remainder = remainder - days * msPerDay;
if (days > 0) {
   message += sep + days + " days";
   sep = ", ";
   console.log(message);
}

var hours = Math.floor(remainder/msPerHour);
remainder = remainder - hours * msPerHour;
if (hours > 0) {
   message += sep + hours + " hours";
   sep = ", ";
   console.log(message);
}

var minutes = Math.floor(remainder/msPerMinute);
remainder = remainder - minutes * msPerMinute;
if (months > 0) {
   message += sep + minutes + " minutes";
   sep = ", ";
   console.log(message);
}

var seconds = Math.floor(remainder/1000);
remainder = remainder - seconds * 1000;
if (months > 0) {
   message += sep + seconds + " seconds";
   sep = ", ";
   console.log(message);
}

message += " ago";

var pos = message.lastIndexOf(',');
message = message.substring(0,pos) + ' and' + message.substring(pos+1)

return message;
};

var output = timeDifference(new Date(2012, 10, 20, 12, 0, 59), new Date(2012, 2, 13, 10, 15, 12));
console.log(output);

输出：8个月12天1小时45分钟47秒前

当然可以将其重构为不太重复。您可以尝试使用该小提琴并使其正常工作：http://jsfiddle.net/vawEf/

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.