Dynamic date and time with moment.js and setInterval

I've made a few modifications in your code:

Note that the method update is now outside the ready event handler

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

working demo: jsfiddle

Again, thanks for your answers. The code I ended up with follows.(Note danish 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);});

EDIT: Here nine months after I asked this quesiton I figured out this way to do it without jQuery (as I initially asked). Here it is:

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

And then of course use it with an HTML ID like:

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

Put

date = moment(new Date());

inside the update function. Now you're just printing the same date every second ;)