Динамическая дата и время с моментами .js и setInterval

Я пытаюсь выяснить, как я могу отображать динамические даты и время с помощью moment.js.

По-видимому, я не могу правильно использовать setInterval.

Если возможно, я бы предпочел не использовать jQuery как moment.js, не нужен.

Вот что я до сих пор: 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);
});

Ответы

Ответ 1

Я сделал несколько модификаций в вашем коде:

Обратите внимание, что обновление метода теперь находится за пределами обработчика событий ready

код:

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

рабочая демонстрация: jsfiddle

Ответ 2

Опять же, спасибо за ваши ответы. Код, в который я закончил, следует. (Примечание 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);
});

РЕДАКТИРОВАТЬ: вот через девять месяцев после того, как я спросил этот quesiton, я понял, как это сделать без jQuery (как я изначально спросил). Вот он:

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

И тогда, конечно, используйте его с HTML-идентификатором, например:

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

Ответ 3

Помещенный

date = moment(new Date());

внутри функции обновления. Теперь вы печатаете одну и ту же дату каждую секунду;)

Ответ 4

Вот как это происходит от меня и его работы и можно проверить здесь.

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>