Использование Moment.js и получение страницы для обновления, чтобы показать секунды

Question

Принесите мои дерьмовые навыки JS, но я пытаюсь получить страницу для обновления с помощью moment.js, чтобы она постоянно показывала количество секунд.

У меня есть это:

function update_time(){ 

var now = moment().format('h:mm:ss a'); 

$('.timer').append(now); 

setTimeout(update_time, 1000); 

})(); 

Но я не знаю, как заставить его работать правильно. Я почти уверен, что не закрываю что-то правильно, даже если у меня есть правильное форматирование функции.

Answer 1

Там, кажется, две проблемы здесь.

Во-первых, ваша функция самозапуска должна быть окружена круглыми скобками; вам кажется, что отсутствует первая открывающая скобка, указав @linstantnoodles.

Во-вторых, добавление времени будет продолжать добавлять текст времени к данному узлу каждую секунду. Вы, вероятно, захотите заменить содержанием .timer, поэтому вместо этого вы должны использовать jQuery.text().

Here's a fiddle.

(function update_time(){ 
    var now = moment().format('h:mm:ss a'); 
    $('.timer').text(now); 
    setTimeout(update_time, 1000); 
})(); 

Answer 2

Попробуйте это:

function update_time(){   
    var now = moment().format('h:mm:ss a');  
    //displaying the timer  
    $('.timer').html(now);  
    //Keeping update in seconds  
    setTimeout(update_time, 1000);  
}; 

//Initiate first 
setTimeout(update_time, 1000); 

Answer 3

Вы не должны полагаться на метод SetTimeout() при выполнении синхронизации работы (see question). Вместо этого используйте объект даты, например, в the sample at W3schools или см. Сценарий, например http://flipclockjs.com/, для точных таймеров.