Accueil > > > AFFICHAGE AGRÉABLE D'UNE DATE DE PUBLICATION (EN ANGLAIS)
AFFICHAGE AGRÉABLE D'UNE DATE DE PUBLICATION (EN ANGLAIS)
Information sur la source
Description
Cette fonction adapte le texte de la date selon son ancienneté, avec une expression plus sympathique. Exemples: - 34 minutes ago - Yesterday at 09:16 am - Monday, 2nd April A la question "pourquoi afficher une date en javascript plutôt que en dur dans le code HTML ?", je répondrais que çà permet d'adapter les heures au fuseau horaire de l'internaute ;o) .oO(étudiez l'astuce des SPAN avec la classe PubDate des Life-Lines)
Source
- function elapsedTimeString(Day0)
- {
- var Days = new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday');
- var Months = new Array('January','February','March','April','May','June','July','August','September','October','November','December');
-
- var Year0 = Day0.getFullYear();
- var MonthNr0 = Day0.getMonth()+1;
- var DayNr0 = Day0.getDate();
- var Hours0 = Day0.getHours();
- var Minutes0 = Day0.getMinutes();
- var Seconds0 = Day0.getSeconds();
- var TimeStamp0 = Date.UTC(Year0,MonthNr0-1,DayNr0,Hours0,Minutes0,Seconds0);
-
- var Day1 = new Date();
- var Year1 = Day1.getFullYear();
- var MonthNr1 = Day1.getMonth()+1;
- var DayNr1 = Day1.getDate();
- var Hours1 = Day1.getHours();
- var Minutes1 = Day1.getMinutes();
- var Seconds1 = Day1.getSeconds();
- var TimeStamp1 = Date.UTC(Year1,MonthNr1-1,DayNr1,Hours1,Minutes1,Seconds1);
-
- var Ecart = TimeStamp1 - TimeStamp0;
- if (Ecart <= 0)
- {
- return 'today';
- }
- else if (Ecart <= 1000 * 60)
- {
- return Math.round(Ecart / 1000)+'s ago';
- }
- else if (Ecart <= 1000 * 60 * 60)
- {
- return Math.round(Ecart / (1000*60))+'min ago';
- }
- else if ((Ecart <= 1000 * 60 * 60 *24) && (DayNr1 == DayNr0))
- {
- ElapsedHours = Math.round(Ecart / (1000*60*60));
- if (ElapsedHours == 1)
- {
- return '1 hour ago';
- }
- else
- {
- return ElapsedHours+'hours ago';
- }
- }
- else
- {
- var HoursOP = Hours0;
- var ampmOP = "am";
- if (HoursOP == 0) HoursOP = 12;
- if (HoursOP > 11)
- ampmOP = "pm";
- if (HoursOP > 12)
- HoursOP -= 12;
- HoursOP = leading2Zero(HoursOP);
- var MinutesOP = leading2Zero(Minutes0);
-
- if (Ecart <= (1000 * 60 * 60 * 24))
- {
- return 'yesterday at ' + HoursOP + ':' + MinutesOP + ' ' + ampmOP;
- }
- else
- {
- var DayName0 = Days[Day0.getDay()];
- if (Ecart <= (1000 * 60 * 60 * 24 * 7))
- {
- return DayName0+' at ' + HoursOP + ':' + MinutesOP + ' ' + ampmOP;
- }
- else
- {
- var MonthName0 = Months[MonthNr0-1];
- var DaySuffix = 'th';
- if (DayNr0 == 1) DaySuffix = 'st'
- else if (DayNr0 == 2) DaySuffix = 'nd'
- else if (DayNr0 == 3) DaySuffix = 'rd';
-
- if (Year0 == Year1)
- {
- return DayName0+', '+DayNr0+DaySuffix+' '+MonthName0;
- }
- else
- {
- return DayName0+', '+DayNr0+DaySuffix+' '+MonthName0+' '+Year0;
- }
- }
- }
- }
- }
-
- function leading2Zero(nr)
- {
- if (nr < 10) nr = "0" + nr;
- return nr;
- }
function elapsedTimeString(Day0)
{
var Days = new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday');
var Months = new Array('January','February','March','April','May','June','July','August','September','October','November','December');
var Year0 = Day0.getFullYear();
var MonthNr0 = Day0.getMonth()+1;
var DayNr0 = Day0.getDate();
var Hours0 = Day0.getHours();
var Minutes0 = Day0.getMinutes();
var Seconds0 = Day0.getSeconds();
var TimeStamp0 = Date.UTC(Year0,MonthNr0-1,DayNr0,Hours0,Minutes0,Seconds0);
var Day1 = new Date();
var Year1 = Day1.getFullYear();
var MonthNr1 = Day1.getMonth()+1;
var DayNr1 = Day1.getDate();
var Hours1 = Day1.getHours();
var Minutes1 = Day1.getMinutes();
var Seconds1 = Day1.getSeconds();
var TimeStamp1 = Date.UTC(Year1,MonthNr1-1,DayNr1,Hours1,Minutes1,Seconds1);
var Ecart = TimeStamp1 - TimeStamp0;
if (Ecart <= 0)
{
return 'today';
}
else if (Ecart <= 1000 * 60)
{
return Math.round(Ecart / 1000)+'s ago';
}
else if (Ecart <= 1000 * 60 * 60)
{
return Math.round(Ecart / (1000*60))+'min ago';
}
else if ((Ecart <= 1000 * 60 * 60 *24) && (DayNr1 == DayNr0))
{
ElapsedHours = Math.round(Ecart / (1000*60*60));
if (ElapsedHours == 1)
{
return '1 hour ago';
}
else
{
return ElapsedHours+'hours ago';
}
}
else
{
var HoursOP = Hours0;
var ampmOP = "am";
if (HoursOP == 0) HoursOP = 12;
if (HoursOP > 11)
ampmOP = "pm";
if (HoursOP > 12)
HoursOP -= 12;
HoursOP = leading2Zero(HoursOP);
var MinutesOP = leading2Zero(Minutes0);
if (Ecart <= (1000 * 60 * 60 * 24))
{
return 'yesterday at ' + HoursOP + ':' + MinutesOP + ' ' + ampmOP;
}
else
{
var DayName0 = Days[Day0.getDay()];
if (Ecart <= (1000 * 60 * 60 * 24 * 7))
{
return DayName0+' at ' + HoursOP + ':' + MinutesOP + ' ' + ampmOP;
}
else
{
var MonthName0 = Months[MonthNr0-1];
var DaySuffix = 'th';
if (DayNr0 == 1) DaySuffix = 'st'
else if (DayNr0 == 2) DaySuffix = 'nd'
else if (DayNr0 == 3) DaySuffix = 'rd';
if (Year0 == Year1)
{
return DayName0+', '+DayNr0+DaySuffix+' '+MonthName0;
}
else
{
return DayName0+', '+DayNr0+DaySuffix+' '+MonthName0+' '+Year0;
}
}
}
}
}
function leading2Zero(nr)
{
if (nr < 10) nr = "0" + nr;
return nr;
}
Conclusion
Créé pour les besoins des profils LiFE-Line sur www.life2front.com
Historique
- 09 juillet 2007 18:35:06 :
- correction d'orthographe
Sources de la même categorie
Commentaires et avis
Discussions en rapport avec ce code source dans le forum
fonction qui gere le timezone et l'heure d'été heure hiver [ par Phymo2 ]
J'ai une fonction qui gere le timezone mais elle ne me donne le decalage horaire que depuis le GMT.Hors avec l'heure d'été , je suis en GMT + 1 mais e
Caclul sur les dates [ par lluciano ]
Bonjour, je souhaite calculer une date résultante de l'ajout d'une durée (en nbre de jours) à une date exemple : Date de début : 29/03/2003 durée : 5j
coherence de 2 dates [ par gaga38 ]
salut à tous, j'ai un probleme, je fais saisir à l'utilisateur 2 dates, une dates de debut et une de fin avec en tout 6 select --2 pour les annees (u
Verif d'une date et d'une heure [ par Sinse ]
Salut! Voila j'ai un truc plutot bizarre qui se passe : j'ai une procedure de verification de date qui marche correctement, dans la meme function je v
Une page differente de tel heure à tel heure [ par lavren ]
Bonjour, j'ai trovué un script qui permet d'avoir une apge differente pour chaque jour mais jaimerai savoir si on peut faire de meme avec une heure pr
déclancher un script à un heure donnée [ par naq2 ]
Je soihaiterai déclancher un script (un fonction) à une heure donnée...... et j'aimerai votre aide à ce sujet!En vous remerciant.Pierre.
Vérifier le champs "heure" d'un formulaire [ par bcsh ]
Bonjour à tous !J'ai besoin d'aide, car je cherche le moyen de controler par javascript si un champ dans lequel il faut insérer une certaine heure res
Ecrire l'heure dans une textarea [ par c0nquer ]
::.. SqualL Pow4 ..:: www.SqualLv3x.fr.st <- My siteBonjour a tous , je voudrais savoir si il est possible de mettre l'heure en temps réel dans une
Ouvrir un fichier à une heure précise [ par gregolv ]
Bonjour,je souhaiterais savoir comment en javascript ouvrir un fichier html à une heure précise.Ex : ouvrir toto.html quand il est 17h15.Merci
calcul d'un nombre de jours entre deux dates [ par borisV ]
Bonjour, je cherche à calculer (et afficher...) un nombre de jours en tapant une date d'arrivée et une date de départ.En fait, il faudrait peut-être s
|
Derniers Blogs
SESSION SILVERLIGHT 5 3D : SLIDES ET DEMOSSESSION SILVERLIGHT 5 3D : SLIDES ET DEMOS par Groc
Durant les techdays, j'ai eu le plaisir d'animer une session sur Silverlight 5 et la 3D avec Simon Ferquel. Comme promis, voici nos slides et mes démos (celles avec le viper BSG) ici et là. Pour mémoire, les démos utilisent toutes le viper BSG...
Cliquez pour lire la suite de l'article par Groc [TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES[TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES par gpommier
Suite à la session que j'ai présenté sur WebMatrix 2, vous pouvez trouver les slides ici, ainsi que les démos en packages nuget : démos1 et démos2 J'en profite pour remercier chaleureusement tous ceux qui sont venus très nombreux à cette sess...
Cliquez pour lire la suite de l'article par gpommier [SHAREPOINT] LES SESSIONS TECHDAYS 2012.[SHAREPOINT] LES SESSIONS TECHDAYS 2012. par Patrick Guimonet
Voici donc pour ceux qui n'ont pas pu venir, ou ceux qui n'ont pas pu toutes les suivre la liste des sessions SharePoint aux TechDays 2012, que je mettrais à jour dès que les liens des vidéo seront disponibles. Ou ici : http...
Cliquez pour lire la suite de l'article par Patrick Guimonet TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3 par ROMELARD Fabrice
Speaker: Bernard Ourghanlian Cette session est comme chaque jour transmise en live par BrainSonic, et j'ai donc suivi cette troisième pleinière par ce moyen sur mon iPad . Elle est dédiée comme chaque année à la mise en perspective de l'é...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice MISHRA READER : UN LECTEUR RSS TRèS ZUNE STYLE EN OPEN SOURCE !MISHRA READER : UN LECTEUR RSS TRèS ZUNE STYLE EN OPEN SOURCE ! par Vko
Hier durant une session dédiée aux Techdays 2012, j'ai eu le plaisir d'annoncer la sortie de la Béta 2 de Mishra Reader. C'est quoi ? Pour les utilisateurs, c'est une vraie expérience de lecture de flux RSS sur Windows. Rien à voir avec les produit...
Cliquez pour lire la suite de l'article par Vko
Logiciels
Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Easy-Planning (1.0.0.1)EASY-PLANNING (1.0.0.1)Basé sur les mêmes principes que MyPlanning, Easy-Planning permet de créer des plannings sous la ... Cliquez pour télécharger Easy-Planning
|