openElement

Créer un nouveau sujet

Version imprimable

Traduction Sujet

JLP

Newbie

Depuis le: 04 Jan 2014
Pays: Canada
Status: Inactif
Points: 17

Options des messages

Citer JLP

Thanks(0)

Citer

Réponse

Sujet: Affichage date et heure
Envoyé : 25 Jan 2014 à 18:58

Bonjour,

Existe-t-il un élément qui me permettrait d'afficher la date et l'heure courante. Idéalement, l'heure pourrait être mise à jour aux secondes.

J'ai fait des recherches et je n'ai rien trouvé.

Merci beaucoup.

Larsene

Admin Group

Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388

Options des messages

Citer Larsene

Thanks(0)

Citer

Réponse

Envoyé : 25 Jan 2014 à 19:10

En 30 sec sur Google ...

<script type="text/javascript">
document.write ('<p>Current time is: <span id="date-time">', new Date().toLocaleString(), '<\/span>.<\/p>')
if (document.getElementById) onload = function () {
	setInterval ("document.getElementById ('date-time').firstChild.data = new Date().toLocaleString()", 50)
}
</script>

à partir de cela, tu retrouvera vite ce dont tu as besoin !

Dmit OE

Admin Group

Depuis le: 31 Mai 2012
Status: Inactif
Points: 13971

Options des messages

Citer Dmit OE

Thanks(0)

Citer

Réponse

Envoyé : 25 Jan 2014 à 19:17

Bonjour,

Utilisez Bloc de code (Source) type Javascript position Headers, pour inserer des scripts qui vous pouvez trouver sur le web, plus un element (ex. Texte simple ligne) pour afficher la resultat. Exemple: mettez "myTime" dans Classes personnalises de l'element Texte, puis dans Bloc ce code:

$(function(){

function showTime() {

    var d = new Date(),
    seconds = d.getSeconds().toString().length == 1 ? '0'+d.getSeconds() : d.getSeconds(),
    minutes = d.getMinutes().toString().length == 1 ? '0'+d.getMinutes() : d.getMinutes(),
    hours = d.getHours().toString().length == 1 ? '0'+d.getHours() : d.getHours(),
    ampm = d.getHours() >= 12 ? 'pm' : 'am',
    //months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],
      months = ['Jan','Fev','Mar','Avr','May','Jui','Jul','Aug','Sep','Oct','Nov','Dec'],
    //days = ['Sun','Mon','Tue','Wed','Thu','Fri','Sat'];
      days = ['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'];

    var dateTime = days[d.getDay()]+' '+months[d.getMonth()]+' '+d.getDate()+' '+d.getFullYear()+' '+hours+':'+minutes+':'+seconds+ampm;
    $('.myTime .OESZ_Text').html(dateTime);

}

showTime();
setInterval(function(){ showTime(); }, 1000); // chaque seconde
});

Modifiez les noms des jours et mois dans le code.

Cordialement
D

Dmit OE

Admin Group

Depuis le: 31 Mai 2012
Status: Inactif
Points: 13971

Options des messages

Citer Dmit OE

Thanks(0)

Citer

Réponse

Envoyé : 25 Jan 2014 à 19:20

P.S. A Larsene: est-ce que

new Date().toLocaleString()

est crossbrowser-compatible? (dans ce cas c'est mieux que mon code).

Maurice306 allez vers le bas

Senior Member

Depuis le: 20 Avr 2008
Pays: France
Status: Inactif
Points: 2066

Options des messages

Citer Maurice306

Thanks(0)

Citer

Réponse

Envoyé : 26 Jan 2014 à 10:49

Bonjour,

Merci Dmit pour ce script super !

Un petit tatillonnage : est-il possible de faire disparaître le am/pm, puisque les horloges des machines marquent 9h ou 21h maintenant. j'ai tenté de modifier le script mais comme je suis trop nul il me faut une explication pour les NULs

Cordialement.

La vie est belle !!!....., elle est comme chacun se la fait. Ne soyez pas pressé, partez plus tôt, car il n'y a pas de personnes pressée elles ne sont qu'en retard !!!

Larsene

Admin Group

Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388

Options des messages

Citer Larsene

Thanks(0)

Citer

Réponse

Envoyé : 26 Jan 2014 à 12:17

@Dmit ... malheureusement, non ...

Produces a String value that represents this Number value formatted according to the conventions of the host environment’s current locale. This function is implementation-dependent, and it is permissible, but not encouraged, for it to return the same thing as toString.

Donc ton code est bien plus versatile !

Edité par Larsene - 26 Jan 2014 à 12:18

Dmit OE

Admin Group

Depuis le: 31 Mai 2012
Status: Inactif
Points: 13971

Options des messages

Citer Dmit OE

Thanks(0)

Citer

Réponse

Envoyé : 26 Jan 2014 à 13:03

Remplacez seconds+ampm; pa seconds; (enlevez +ampm).

@Larsene: je ne sais pas s'il est versatile, mais il est certainement plus artisanale! Approve

le votre est donc plus professionnel (

JLP

Newbie

Depuis le: 04 Jan 2014
Pays: Canada
Status: Inactif
Points: 17

Options des messages

Citer JLP

Thanks(0)

Citer

Réponse

Envoyé : 26 Jan 2014 à 14:19

Votre code fonctionne à la perfection. J'ai apporté quelques modifications afin d'afficher le tout à ma convenance, ce qui donne, par exemple: Dimanche, 26 janvier 2014, 08:18:20

$(function(){

function showTime() {

var d = new Date(),

seconds = d.getSeconds().toString().length == 1 ? '0'+d.getSeconds() : d.getSeconds(),

minutes = d.getMinutes().toString().length == 1 ? '0'+d.getMinutes() : d.getMinutes(),

hours = d.getHours().toString().length == 1 ? '0'+d.getHours() : d.getHours(),

ampm = d.getHours() >= 12 ? 'pm' : 'am',

//months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],

months = ['Janvier','Fevrier','Mars','Avril','Mai','Juin','Juillet','Aout','Septembre','Octobre','Novembre','Decembre'],

//days = ['Sun','Mon','Tue','Wed','Thu','Fri','Sat'];

days = ['Dimanche, ','Lundi, ','Mardi, ','Mercredi, ','Jeudi, ','Vendredi, ','Samedi, '];

var dateTime = days[d.getDay()]+' '+d.getDate()+' '+months[d.getMonth()]+' '+d.getFullYear()+', '+hours+':'+minutes+':'+seconds;

$("#WEea27ccc9ea .OESZ_Text").html(dateTime);

}

showTime();

setInterval(function(){ showTime(); }, 1000); // chaque seconde

});

Encore une fois un gros Merci.

Maurice306 allez vers le bas

Senior Member

Depuis le: 20 Avr 2008
Pays: France
Status: Inactif
Points: 2066

Options des messages

Citer Maurice306

Thanks(0)

Citer

Réponse

Envoyé : 26 Jan 2014 à 17:09

Merci à tous, c'est super !!

La vie est belle !!!....., elle est comme chacun se la fait. Ne soyez pas pressé, partez plus tôt, car il n'y a pas de personnes pressée elles ne sont qu'en retard !!!

Michocko

Senior Member

Depuis le: 19 Mar 2014
Pays: france
Status: Inactif
Points: 247

Options des messages

Citer Michocko