Как изменить текущее время на веб-странице? - PullRequest
Новая
       0

Как изменить текущее время на веб-странице?

0 голосов
/ 10 февраля 2020

Мне нужно изменить текущее время на моей веб-странице. Как это изменить?

Я показываю текущее время, используя следующий код: 

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="description" content="Digital Clock created with JavaScript" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Current System Time</title>
  <!-- <link rel="stylesheet" href="css/style.css"> -->
</head>

<body>
  <div id="not-clock"><span>Current System Time:</span></div>
  <div id="clock"></div>
  <div id="day"></div>
  <div id="date"></div>
  <script src="scriptTime.js"></script>
</body>

</html>

1 Ответ

0 голосов
/ 10 февраля 2020

Пожалуйста, установите текущее время на веб-странице в соответствии с этим примером.

HTML

<div class='time-frame'>
    <div id='date-part'></div>
    <div id='time-part'></div>
</div>
<br>
<input type='button' id='stop-interval' value='Stop time' />

**JS**

    $(document).ready(function() {
        var interval = setInterval(function() {
            var momentNow = moment();
            $('#date-part').html(momentNow.format('YYYY MMMM DD') + ' '
                                + momentNow.format('dddd')
                                 .substring(0,3).toUpperCase());
            $('#time-part').html(momentNow.format('A hh:mm:ss'));
        }, 100);

        $('#stop-interval').on('click', function() {
            clearInterval(interval);
        });
    });

**CSS**

.time-frame {
    background-color: #000000;
    color: #ffffff;
    width: 300px;
    font-family: Arial;
}

.time-frame > div {
    width: 100%;
    text-align: center;
}

#date-part {
    font-size: 1.2em;
}
#time-part {
    font-size: 2em;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...