Ngày và giờ động với moment.js và setInterval

Question

Tôi đang cố gắng tìm hiểu cách tôi có thể hiển thị ngày và giờ động bằng cách sử dụng moment.js.

Rõ ràng tôi không thể tìm ra để sử dụng setInterval đúng cách.

Nếu có thể tôi không muốn sử dụng jQuery vì moment.js không cần đến nó.

Đây là những gì tôi có cho đến thời điểm này: 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

Tôi đã thực hiện một vài thay đổi trong mã của bạn:

Lưu ý rằng bản cập nhật phương pháp hiện nay nằm ngoài handler ready kiện

mã:

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

bản demo làm việc: jsfiddle

Answer 2

Đặt

date = moment(new Date()); 

bên trong hàm cập nhật. Bây giờ bạn chỉ cần in cùng ngày mỗi giây;)

Answer 3

Một lần nữa, cảm ơn vì câu trả lời của bạn. Mã tôi đã kết thúc với sau. (Lưu ý 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: Ở đây chín tháng sau khi tôi hỏi quesiton này tôi đã tìm ra cách này để làm điều đó mà không cần jQuery (như tôi ban đầu hỏi). Ở đây là:

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

Và sau đó tất nhiên sử dụng nó với một ID HTML như:

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

Answer 4

Đây là cách nó trôi qua tôi và nó làm việc u có thể kiểm tra nó ở đây

HTML 

< asp: ID nhãn = "Label1" runat = "server" Văn bản = ''>

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>