Вот JavaScript-самообновляемый 12-часовой формат отображения даты / времени, который не совсем отвечает на вопрос, однако может помочь другим, поскольку он связан и основан на решении Стивена Дюмонта и MDN ссылка. Школы W3 имели очень полезное руководство, и обновления в режиме реального времени не требуют обновления страницы.
Работают тесты с последними версиями настольных FireFox, Chrome, Opera и Internet Explorer 11. Час «2 цифры» появляется только в качестве префикса ноль для отдельных значений в IE, однако минуты возвращают двузначное значение надежно для всех браузеров. Тесты с прекращенным Windows Safari работают, хотя 12-часовой формат игнорируется, а секунды не скрываются.
Функция включает в себя местный часовой пояс, а также настраиваемые параметры для резервных языков, отображения дня и даты и формата 12/24 часа. Дата и время были разделены для добавления разделяющей строки «at». Установка только 'toLocaleTimeString' с опциями выбора также вернет дату и время. На страницы MDN можно ссылаться для параметров и значений.
<!--
function dateTimeClock() {
var date = new Date();
document.getElementById('timedate').innerHTML = date.toLocaleDateString(['en-us', 'en-GB'], {
weekday: 'long',
month: 'long',
day: '2-digit',
year: 'numeric'
}) + ' at ' +
date.toLocaleTimeString(['en-us', 'en-GB'], {
hour12: 'true',
hour: '2-digit',
minute: '2-digit',
timeZoneName: 'short'
});
var t = setTimeout(dateTimeClock, 500);
}
function start() {
dateTimeClock();
}
window.onload = start;
//-->
<div id="timedate"></div>