ddimonn8080
@ddimonn8080

Как настроить таймер обратного отсчёта?

Здравствуйте. Подключил таймер обратного отсчёта knob.js
Есть функция которая задаёт дату до которой считает счётчик.
function updateTime() {

            var start  = moment(),  // Time start
                target = moment("February 14, 2017 10:57:10"), // Target Time
                diff   = target - start; // Difference

                //alert('start is ---- ' + start);
                //alert('target is ---- ' + target);
                // alert('diff is ---- ' + diff);

            var days  = Math.floor( diff / (1000*60*60*24) ), // Calc number of days...
                hours = Math.floor( diff / (1000*60*60) ), // number of hours...
                mins  = Math.floor( diff / (1000*60) ), // number of minutes...
                secs  = Math.floor( diff / 1000 ); // number of seconds.

               // Make numbers more readable
            var dd = days,
                hh = hours,
                mm = mins  - hours * 60,
                ss = secs  - mins  * 60;

            // elements
            var $hours    = $('#hours'),
                $mins     = $('#mins'),
                $seconds  = $('#seconds'),

                $dhours   = $('#dial-hours'),
                $dmins    = $('#dial-mins'),
                $dseconds = $('#dial-seconds');

            // Set text
            $hours.text(hh);
            $mins.text(mm);
            $seconds.text(ss);

            // Set values and trigger changes
            // $dhours.val(hh).trigger("change");
            // $dmins.val(mm).trigger("change");
            // $dseconds.val(ss).trigger("change");

            //if ( !$('.getDiscount__row').hasClass('loaded')) $('.getDiscount__row').addClass('loaded');
        }


setInterval(updateTime, 1000 ); // run and update every second

        // dial options
        $dials = $('#dial-hours, #dial-mins, #dial-seconds');

        $dials.knob({
            readOnly: true,
            displayInput: false,
            fgColor: '#ede9e9',
            bgColor: '#7c5028',
            thickness: .07,
            width: 140,
            height: 140,
            dynamicDraw: true,
            'release' : function (value) {
                var hours = parseInt($('#hours').html());
                var mins = parseInt($('#mins').html());
                var seconds = parseInt($('#seconds').html());

                if (hours >= 0) {
                    if ((hours + mins + seconds) === 0) {
                        console.log(this.o.fgColor);
                    }
                }

                console.log();
                
              
            }
         });
         });


Как сделать чтобы таймер по достижению нуля откатывался всегда на 48 часов например и продолжал бы отсчёт опять до нуля?

Спасибо.
  • Вопрос задан
  • 129 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы