2016-08-02 2 views
-1

Я использую окончательный обратный отсчет подключился. Проблема в том, что при перезагрузке браузера начинается второе значение, как и раньше. Пример: время осталось 12 минут 10 секунд. Через 10 минут после обновления браузера минуты остаются такими же. Как я могу его изменить?таймер обратного отсчета с индикатором прогресса

Вот моя работа ссылка http://rrfpractice.com/662121/mou/final-countdown/

Мой сценарий:

$(document).ready(function() { 

    // this code is for countdown 
    $('.countdown').final_countdown({ 
    start: '0', 
    end: ((((31+29+31+30+31+30+31+31+30+31+30+31)*24)*60)*60), 
    now: ((((31+29+31+30+31+30+31+2)*24)*60)*60), 
    seconds: { 
     borderColor: '#2ecc71', 
     borderWidth: '6' 
    }, 
    minutes: { 
     borderColor: '#2ecc71', 
     borderWidth: '6' 
    }, 
    hours: { 
     borderColor: '#2ecc71', 
     borderWidth: '6' 
    }, 
    days: { 
     borderColor: '#2ecc71', 
     borderWidth: '6' 
    }}, function() { 
    // Finish callback 
}); 
+1

ок ... почему вы делаете так странные расчеты? Возьмите временную метку следующим образом: 'new Date(). GetTime()' и сделанное вами. – Phil

+0

Используйте локальное хранилище, куки-файл или переменную сеанса для хранения истекшего времени! – Pugazh

+0

Спасибо .. пожалуйста, покажите мне код подробнее .. –

ответ

0

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

Почему бы не делать это так: https://jsfiddle.net/mL1jfsLs/

JS

var start = new Date(); // now 
var end = new Date("12/15/2016"); 

// get total seconds between the times 
var delta = Math.abs(end.getTime() - start.getTime())/1000; 

// calculate (and subtract) whole days 
var days = Math.floor(delta/86400); 
delta -= days * 86400; 

// calculate (and subtract) whole hours 
var hours = Math.floor(delta/3600) % 24; 
delta -= hours * 3600; 

// calculate (and subtract) whole minutes 
var minutes = Math.floor(delta/60) % 60; 
delta -= minutes * 60; 

// what's left is seconds 
var seconds = Math.floor(delta) % 60; // in theory the modulus is not required 

alert("remaining: " + days + "d " + hours + "h " + minutes + "m " + seconds + "s"); 

Я не знаю, какие библиотеки вы используете, как вы не указали, что. Но в вашем коде есть параметр now с фиксированным значением. Поэтому вам нужно сделать это переменным значением.
Для этого вы можете использовать объект new Date(), чтобы получить текущую временную метку и позвонить .getTime(), как показано в моем примере.
Может быть что-то вроде:
now: Math.floor((new Date()).getTime()/1000)

Смежные вопросы