Отображение обратного отсчета до времени закрытия текущего дня / времени открытия следующего дня

-3

я хотел бы показать обратный отсчет в часах: минуты: секунды до времени закрытия (если открыто) или до времени открытия (на следующий день при закрытии). Как это сделать в html?

  • 0
    Если что открыто или закрыто? Пожалуйста, будьте более конкретны и, пожалуйста, попытайтесь написать какой-нибудь код.
  • 0
    вам нужен javascript для этого, а не html, hth
Показать ещё 4 комментария
Теги:

1 ответ

0 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>countdown</title>
    <script src="/jquery.min.js"></script>
    <script src="/jquery.plugin.min.js"></script>
    <script src="/jquery.countdown.min.js"></script>
    <script src="/moment.min.js"></script>
    <link rel="stylesheet" href="/jquery.countdown.css" />
    <style type="text/css">
        #countdownText span
        {
            display: none;
        }
        #countdownText.opened .close, #countdownText.closed .open
        {
            display: inline;
        }
    </style>
    <script type="text/javascript">
        $(function () {
            var $timer = $('#timer');
            var $countdownText = $('#countdownText');
            var now = moment();
            var openingToday = moment({hour: 8});
            var closingTime = moment({ hour: 17});
            var openingTime = moment({ year: now.year(), month: now.month(), date: now.date() + 1, hour: 8 });
            if(now.diff(openingToday) < 0)
            {
                $timer.countdown({
                    until: openingToday._d
                });
                $countdownText.addClass('closed');
            }
            else if (now.diff(closingTime) < 0)
            {
                $timer.countdown({
                    until: closingTime._d
                });
                $countdownText.addClass('opened');
            }
            else
            {
                $timer.countdown({
                    until: openingTime._d
                });
                $countdownText.addClass('closed');
            }
        });
    </script>
</head>
<body>
    <div id="countdownText">
        <span class="open">Opening in</span>
        <span class="close">Closing in</span>
    </div>
    <div id="timer"></div>
</body>
</html>
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню