Dynamique de la date et de l'heure avec moment.js et setInterval

J'essaie de trouver comment je peux l'affichage dynamique de la date et de l'heure à l'aide de moment.js.

Apparemment je ne peux pas comprendre à utiliser setInterval correctement.

Si possible, je préfèrerais ne pas utiliser jQuery moment.js dosn pas besoin.

Voici ce que j'ai à ce jour: http://jsfiddle.net/37fLF/2/.

$(document).ready(function () {
    var datetime = $('#datetime'),
        date = moment(new Date()),
        update = function(){
            datetime.html(date.format('dddd, MMMM Do YYYY, h:mm:ss a'));
        };
    update();
    setInterval(update, 1000);
});

OriginalL'auteur bchr | 2012-05-14

22

J'ai fait quelques modifications dans votre code:

Noter que la méthode de mise à jour est maintenant à l'extérieur de la ready gestionnaire d'événement

code:
```
var datetime = null,
        date = null;

var update = function () {
    date = moment(new Date())
    datetime.html(date.format('dddd, MMMM Do YYYY, h:mm:ss a'));
};

$(document).ready(function(){
    datetime = $('#datetime')
    update();
    setInterval(update, 1000);
});
```
de travail de démonstration: jsfiddle

J'apprécie vraiment vos efforts. Merci!!!!
mis à jour avec la version la plus récente de moment.js parce que le jsfiddle est cassé: jsfiddle.net/timrpeterson/37fLF/217
Merci pour votre merveilleux exemple. Pourriez-vous m'aider comment faire pour utiliser l'heure UTC plutôt que l'heure locale pour le même code.

OriginalL'auteur MilkyWayJoe

Encore une fois, merci pour vos réponses. Le code que j'ai fini avec ce qui suit.
(Note danois i18n)

moment.lang('da');

var datetime = null, date = null;

var datetime_update = function() {
  date = moment(new Date());
  datetime.html(date.format('[Lige nu: ] dddd [d.] Do MMMM YYYY [kl.] HH:mm:ss'));
};

$(document).ready(function() {
  datetime = $('#datetime');
  datetime_update();
  setInterval(datetime_update, 1000);
});

MODIFIER: Ici neuf mois après, j'ai demandé à cette quesiton j'ai pensé à cette façon de faire sans jQuery (que j'ai d'abord demandé). Ici, il est:

function date_time() {
  now = moment().format('dddd [d.] Do MMMM YYYY [kl.] HH:mm:ss');
  document.getElementById('timer').innerHTML = now;
  setTimeout(function () { date_time(); }, 1000);
}
date_time();

Et puis bien sûr l'utiliser avec un HTML ID comme:

<span id="timer"></span>

OriginalL'auteur bchr

2

Mettre
```
date = moment(new Date());
```
à l'intérieur de la fonction de mise à jour. Maintenant, vous êtes juste l'impression de la même date chaque seconde 😉

Merci beaucoup! Cela a fonctionné 😉 PS: La première ligne de mon post devrait aller "Bonjour à tous - ceci est mon premier post ici". J'ai essayé de le modifier par la suite, mais il ne serait pas mise à jour.
Je pense que vous avez besoin de quelques points avant que vous pouvez modifier des trucs. Je pense que j'ai été en mesure de le pousser, mais il est peut-être juste pour moi ..
Comment puis-je faire des sauts de ligne dans les commentaires? Savez-vous comment je peut "échapper" à la chaîne? Comme si j'ai le: lundi, 14 Mai 2012, 10:51:01 pm Et que vous souhaitez sortir, par exemple: lundi, 14 Mai 2012, le temps est 10:51:01 pm Si j'écris ceci: ("dddd Ne MMMM AAAA, '+'le temps est'+' h:mm:ss') "le temps est" devient: t10e ti55e i01.
Ce faire: datetime.html(date.format('dddd, MMMM Do YYYY') + ' The time is: ' + date.format('h:mm:ss a'));
C'est incroyable de voir avec votre aide! Désolé pour la mauvaise mise en forme.

OriginalL'auteur Halcyon

C'est comment ça se passe par moi et par son travail u pouvez le vérifier ici

HTML

< asp:Label ID="Label1" runat="server" Text=" >

JavaScript
< script language="javascript" type="text/javascript">
function date_time() 
{
var dt = new Date();
document.getElementById('<%=Label1.ClientID%>').innerHTML = dt;
setTimeout(function () { date_time(); }, 1000);
}
date_time();
< /script>

OriginalL'auteur Muhammad Hamayoon

Vous devez vous connecter pour publier un commentaire.