У Flipclock есть дополнительный час - PullRequest
Новая
       1

У Flipclock есть дополнительный час

1 голос
/ 03 августа 2020

Предполагается, что мои часы должны отсчитывать до 00:00 HRS, но это происходит в 01:00 HRS

есть идеи?

это мой код 

<html>
    <head>
        <link rel="stylesheet" href="../compiled/flipclock.css">

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

        <script src="../compiled/flipclock.js"></script>
    </head>
    <body>
    <div class="countdown" style="margin:2em;"></div>
    <div class="message"></div>

    <script type="text/javascript">
        var clock;

    var currentDate = new Date();

    var birthDay = new Date(currentDate.getFullYear() + 1, 2, 13);

    var diff = birthDay.getTime() / 1000 - currentDate.getTime() / 1000;


    clock = $('#countdown').FlipClock(diff, {
        countdown: true,
        clockFace: 'DailyCounter',
        language: 'es',
        showSeconds: true
    });
    </script>
    
    </body>
</html>

пс. День рождения 13 - март - 2021

Большое спасибо!

Вы можете увидеть этот пример:

https://github.com/objectivehtml/FlipClock/blob/master/examples/base.html

1 Ответ

1 голос
/ 03 августа 2020

В приведенном выше фрагменте вы показываете время обратного отсчета. Он вычисляет оставшееся время от текущей даты до заданной даты в днях, часах, минутах и ​​секундах.

См. Следующий пример, где мы отображаем оставшуюся дату, время и час завтрашнего дня. Сейчас 12:31, и до завтра осталось 11 часов 28 минут. 

<!DOCTYPE html>
<html>
<head>
  <title>FlipClock Example</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flipclock/0.7.7/flipclock.min.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/flipclock/0.7.7/flipclock.min.js"></script>
</head>
<body>
  <div id="countdown"></div>
  <script type="text/javascript">
    $(document).ready(function(){
    var clock;
    var currentDate = new Date();
    var birthDay = new Date(currentDate.getFullYear(), currentDate.getMonth(), currentDate.getDate()+1);
    console.log(currentDate);
    console.log(birthDay);
    var diff = birthDay.getTime() / 1000 - currentDate.getTime() / 1000;
    clock = $('#countdown').FlipClock(diff, {
        countdown: true,
        clockFace: 'DailyCounter',
        language: 'es',
        showSeconds: true
    });
  });
  </script>

</body>
</html>

Вывод:

пример flipclock

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...