2013-12-15 3 views
0

Привет, я использую обратный отсчет jQuery от Keith Wood (http://keith-wood.name), и я хотел бы знать, как я держу счетчик, когда кто-то обновляет страницу. Поэтому каждый раз, когда кто-то заходит на страницу, он должен видеть обратный отсчетjQuery Обратный отсчет, который не сбрасывается

Я полный новичок с jQuery. Я использую файл jquery.countdown.min.js.

Вот JS Fiddle http://jsfiddle.net/wthf9/2/

jQuery(document).ready(function($){ 

      jQuery('#offline-countdown').countdown({ 

       until:'+1d, 1h, 3h, 3m, 1s', 
       format: 'DHMS', 
       labels: ['Years','Months','Weeks','Days','Hours','Minutes','Seconds'] 

      }); 
     }); 

Большое спасибо, если кто-то может мне помочь!

ОБНОВЛЕНИЕ!

Вы можете найти здесь ответ, если кто-то нужно:

http://jsfiddle.net/wthf9/7/

+1

Вы собираетесь должны сохраняться таймер обратного отсчета времени между pageloads, так что вы смотрите на печенье или localStorage. – Mark

+0

Согласитесь с Mark, если вы хотите, чтобы индивидуальные счетчики навсегда были уникальным пользователем. Но то, что звучит, о котором вы просите, - это время, установленное на определенную дату/час, которую вы достигнете, используя дату в поле «до». – feddus

+0

В этом формате: новая дата (2010, 12-1, 25), вместо '+ 1d, 1h, 3h, 3m, 1s' – feddus

ответ

1

Это гарантирует, что обратный отсчет «сохраняется» через обновление страницы.

Причина, по которой это работает без cookies или локального хранилища, заключается в том, что время фиксировано, поэтому, когда страница обновляется, новое время вычисляется на лету, давая внешний вид состояния.

$(function(){ 
    var newYear = new Date(); 
    newYear = new Date(newYear.getFullYear() + 1, 1 - 1, 1); 
    $('#offline-countdown').countdown({until: newYear}); 
}); 

Вот пример этого в действии. (Попробуйте обновить страницу с этой скрипкой)

http://jsfiddle.net/wthf9/6/

Sidenote: $(function() { }); это то же самое, как $(document).ready(function() { });

+0

Ты много дэйв! эта работа идеально нужна немного времени, чтобы установить хорошую дату, но работать отлично Спасибо! : D – Michele

+0

@Michele Как я уже отмечал выше, это будет использовать локальную дату/время пользователя, так что впереди потенциальные hijinks. – Mark

+0

@ Марк, может быть, это то, чего она хочет. В примере обратного отсчета нового года это именно то, что вы хотите. –

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