/***
* Beautify date to how recent the event occurred compared to now.
* Some examples: 1 second, 4 hours, 10 days, 1 year.
* Example:
* var oneFiftyMin = new Date(new Date().getTime() - 60000 * 150);
* alert(oneFiftyMin.when()); // will display "2 hours"
*
* Handy for things like "Item posted " + someDate.when() + " ago."
*/
Date.prototype.when = function() {
var diff = new Date().getTime() - this.getTime();
var when; // our return value
//TODO: what if the time is in the future?
//if (diff < 0) throw new Error ("Date is in future, check timezone?";
//one or more of these will be non-zero, but we only care about the biggest one (in scale of time)
var secondsOld = Math.floor(diff / 1000);
var minutesOld = Math.floor(diff / 60000);
var hoursOld = Math.floor(diff / 3600000);
var daysOld = Math.floor(diff / 86400000);
var monthsOld = Math.floor(diff / 2592000000);
var yearsOld = Math.floor(diff / (2592000000 * 12)); //your content is old!
//determine which value is non-zero and assign appropriate text
if (yearsOld > 0) {
when = yearsOld + " year";
}
else if (monthsOld > 0) {
when = monthsOld + " month";
}
else if (daysOld > 0) {
when = daysOld + " day";
}
else if (hoursOld > 0) {
when = hoursOld + " hour";
}
else if (minutesOld > 0) {
when = minutesOld + " minute";
}
else {
when = Math.round(diff /1000) + " second";
}
//add plural if necessary
return (0 == when.indexOf("1 ")) ? when : when + "s";
}
This adds a .when() method to Date() object allowing you do things such as "Posted " + someDate.when() + " ago." and get output such as "Posted 10 minutes ago." I've refactored it twice but would like to see it even smaller.
2007-10-01T09:55:17+00:00
37
JavaScript
beautify-js-date-to-how-recently-the-event-occured
13
Beautify JS Date to how recently the event occured.
2009-05-02T02:12:53+00:00
13
/***
* Beautify date to how recent the event occurred compared to now.
* Some examples: 1 second, 4 hours, 10 days, 1 year.
* Example:
* var oneFiftyMin = new Date(new Date().getTime() - 60000 * 150);
* alert(oneFiftyMin.when()); // will display "2 hours"
*
* Handy for things like "Item posted " + someDate.when() + " ago."
*/
Date.prototype.when = function() {
var diff = new Date().getTime() - this.getTime();
var when; // our return value
//TODO: what if the time is in the future?
//if (diff < 0) throw new Error ("Date is in future, check timezone?";
//one or more of these will be non-zero, but we only care about the biggest one (in scale of time)
if (diff > (2592000000 * 12) ) {
when = Math.floor(diff/(2592000000 * 12)) + " Year";
}
else if (diff > 2592000000) {
when = Math.floor(diff/2592000000) + " Month";
}
else if (diff > 86400000) {
when = Math.floor(diff/86400000) + " Day";
}
else if (diff > 3600000) {
when = Math.floor(diff/3600000) + " Hour";
}
else if (diff > 60000) {
when = Math.floor(diff/60000) + " Minute";
}
else if (diff > 1000) {
when = Math.floor(diff/1000) + " Second";
}
//add plural if necessary
return (0 == when.indexOf("1 ")) ? when : when + "s";
}
37
2007-10-01T13:56:14+00:00
168
JavaScript
0
0
On Beautify JS Date to how recently the event occured.
84
typefreak
Date.prototype.when = function( ){
// Create some string consisting of a number and a unit for it. If the
// number is smaller than 0 we are not going to return anything. In case the
// number is 1 were not going to append a extra "s" to the unit. When the
// number is greater than 1 we'll stick an extra s to the unit.
function createGroup( no, unit ){
return no > 0 ?
" " + ( no > 1 ? no.toString() + " " + unit.toString() + "s" : no.toString() + " " + unit.toString() ) : "";
}
var diff = new Date( ( new Date() ).getTime() );
return (
createGroup( diff.getYear(), "year" ) +
createGroup( diff.getMonth() + 1, "month" ) +
createGroup( diff.getDate(), "day" ) +
createGroup( diff.getHours(), "hour" ) +
createGroup( diff.getMinutes(), "minute" ) +
createGroup( diff.getSeconds(), "second" ) +
createGroup( diff.getMilliseconds(), " millisecond" )
);
};
37
First submission hope you like it =)
2007-10-01T18:17:46+00:00
178
JavaScript
0
0
On Beautify JS Date to how recently the event occured.
Andre Steenveld
Date.prototype.when = function( ){
// Create some string consisting of a number and a unit for it. If the
// number is smaller than 0 we are not going to return anything. In case the
// number is 1 were not going to append a extra "s" to the unit. When the
// number is greater than 1 we'll stick an extra s to the unit.
function createGroup( no, unit ){
return no > 0 ?
" " + ( no > 1 ? no.toString() + " " + unit.toString() + "s" : no.toString() + " " + unit.toString() ) : "";
}
var diff = new Date( ( new Date() ).getTime() - this.getTime() );
return (
createGroup( diff.getFullYear() - 1970, "year" ) +
createGroup( diff.getMonth(), "month" ) +
createGroup( diff.getDate() - 1, "day" ) +
createGroup( diff.getHours() - 1, "hour" ) +
createGroup( diff.getMinutes() - 1, "minute" ) +
createGroup( diff.getSeconds() - 1, "second" ) +
createGroup( diff.getMilliseconds() - 1, " millisecond" )
);
};
37
Didn't test it properly here is a "fixed" version...
2007-10-01T18:32:01+00:00
180
JavaScript
0
0
On Beautify JS Date to how recently the event occured.
Andre Steenveld
Date.prototype.when = function(){
var diff = (new Date() - this)/1e3;
var a = {'second':60, 'minute':60, 'hour':24, 'day':30, 'month':365, 'year':365}; // a small hack here - won't display correctly if difference > 365 years
for(var i in a){
diff/=a[i];
if(diff<1){
return Math.floor(diff*=a[i])+' '+i+(diff>1?'s':0);
}
}
}
37
I'm not sure if it works, but here's a different idea:
2007-10-02T06:09:57+00:00
195
JavaScript
2
1
On Beautify JS Date to how recently the event occured.
Tomasz Kołodziejski
neo.mlodzi.pl
Date.prototype.when = function(){
var diff = ( ( new Date(0) ).getTime() - this.getTime() ) / 1000,
units = [ "second", "minute", "hour", "day", "weeks", "month", "year" ],
size = [ 1, 60, 60, 24, 7, 4.333, 12 ];
for( var i = 0; i < units.length; i++ ){
diff /= size[ i ];
if( diff < 1 )
return Math.floor( diff *= size[ i ] ) + " " + units[ i - 1 ] + ( diff > 1 ? "s" : "" );
}
};
37
I was very very impressed by Tomasz's idea so I worked it out. I used two arrays instead of an object because there is no way to guarantee how a for-in loop will itterate through an object. You can shave off another line by putting unit and size in one array and using split() to get your int or your unit name.
2007-10-02T14:02:29+00:00
209
JavaScript
0
0
On Beautify JS Date to how recently the event occured.
Andre Steenveld
Date.prototype.when = function(){
var diff = ( ( new Date(0) ).getTime() - this.getTime() ) / 1000,
units = [ "60|second", "60|minute", "24|hour", "7|day", "4.333|week", "12|month", "1|year" ];
for( var i = 0; i < units.length && !( diff < 1 || ( i + 1 ) === units.length ); i++ )
diff /= units[ i ].split("|")[ 0 ];
return Math.floor( diff *= units[ i ].split("|")[ 0 ] ) + " " + units[ i ].split("|")[ 1 ] + ( diff > 1 ? "s" : "" ) + "[ " + i + " ]";
};
37
Any short than this would be impossible i think...
2007-10-02T16:06:22+00:00
213
JavaScript
0
0
On Beautify JS Date to how recently the event occured.
Andre Steenveld
Date.prototype.when = function(){
var diff = (new Date() - this)/1e3,
u = [ "second", "minute", "hour", "day", "weeks", "month", "year" ],
s = [ 1, 60, 60, 24, 7, 4.333, 12, 1e9], // again fast hack - 1e9
i=0;
for(;;i++){
if((diff/=s[i])<1){
return ~~(diff*=s[i])+' '+u[i-1]+(diff>1?'s':0);
}
}
}
37
I think that using the getTime function isn't necessary. Separating these two arrays would be much better I think and easier to modifying. In the 8 line we can use ~~.
2007-10-03T06:20:35+00:00
241
JavaScript
4
2
On Beautify JS Date to how recently the event occured.
116
Tomasz `neo` Kołodziejski
http://neo.mlodzi.pl/
Date.prototype.when = function(){
var diff = (new Date() - this) / 1e3;
var u = [ "second", "minute", "hour", "day", "week", "month", "year" ];
var s = [ 1, 60, 60, 24, 7, 4.333, 12, 1e9 ]; // 1e9 = hack for speed
for (var i in s)
if ((diff /= s[i]) < 1)
return ~~ (diff *= s[i]) + " " + u[i-1] + (diff > 1 ? "s" : "");
}
37
Hope the date's not in the future...
2008-02-07T18:22:32+00:00
2167
JavaScript
0
0
On Beautify JS Date to how recently the event occured.
482
hubfactor
http://hublog.hubmed.org/