Data e ora dinamiche con moment.js e setInterval

Question

Sto cercando di scoprire come visualizzare data e ora dinamiche utilizzando moment.js.

Apparentemente non riesco a capire di utilizzare setInterval correttamente.

Se possibile, preferirei non utilizzare jQuery come moment.js non ne ha bisogno.

Ecco quello che ho finora: 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); 
});​ 

Answer 1

Ho fatto alcune modifiche nel codice:

Si noti che il metodo update è ora al di fuori del gestore di eventi ready codice

:

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); 
}); 

demo funzionante: jsfiddle

Answer 2

Mettere

date = moment(new Date()); 

all'interno della funzione di aggiornamento. Ora stai solo la stampa della stessa data ogni secondo;)

Answer 3

Ancora una volta, grazie per le vostre risposte. Segue il codice con cui ho finito. (Nota i18n danese)

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); 
}); 

EDIT: Qui nove mesi dopo che ho chiesto questo quesiton ho capito in questo modo per farlo senza jQuery (come inizialmente ho chiesto). Eccolo:

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(); 

E poi, naturalmente, usarlo con un ID HTML come:

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

Answer 4

questo è come va da me e il suo lavoro U può controllare qui

HTML 

< asp: ID Label = "Label1" runat = Testo "server" = ''>

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>