Обратный отсчет JQuery, который не сбрасывается

Question

Обратный отсчет JQuery, который не сбрасывается

0

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

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

Вот сценарий JS 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/

Michele 15 дек. 2013, в 21:12

Источник

1

Вам нужно будет сохранить таймер обратного отсчета между загрузками страниц, поэтому вы смотрите на cookie или localStorage.
Mark 15 дек. 2013, в 19:47
0

Согласитесь с Марком, если вам нужны индивидуальные счетчики для каждого уникального пользователя. Но то, что вы спрашиваете, это время, установленное на определенную дату / час, которого вы достигнете, используя дату в поле «до».
feddus 15 дек. 2013, в 19:49
0

В этом формате: новая Дата (2010, 12-1, 25) вместо '+ 1d, 1h, 3h, 3m, 1s'
feddus 15 дек. 2013, в 19:49
0

@ Марк, не обязательно. Если время фиксировано, то при каждой перезагрузке страницы вычисляется новое время, которое создает видимость сохраняющегося состояния.
The Internet 15 дек. 2013, в 19:56
0

@dave, но это игнорирует смещение даты / времени пользователей, что делает это хрупкое решение.
Mark 15 дек. 2013, в 20:26
0

@ Марк, как он игнорирует смещение?
The Internet 15 дек. 2013, в 20:37

Показать ещё 4 комментария

Теги:

javascript

jquery

1 ответ

Ещё вопросы

Вам нужно будет сохранить таймер обратного отсчета между загрузками страниц, поэтому вы смотрите на cookie или localStorage.
Согласитесь с Марком, если вам нужны индивидуальные счетчики для каждого уникального пользователя. Но то, что вы спрашиваете, это время, установленное на определенную дату / час, которого вы достигнете, используя дату в поле «до».
В этом формате: новая Дата (2010, 12-1, 25) вместо '+ 1d, 1h, 3h, 3m, 1s'
@ Марк, не обязательно. Если время фиксировано, то при каждой перезагрузке страницы вычисляется новое время, которое создает видимость сохраняющегося состояния.
@dave, но это игнорирует смещение даты / времени пользователей, что делает это хрупкое решение.
@ Марк, как он игнорирует смещение?

The Internet · Accepted Answer · 2013-12-15T16-58-00.000Z

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

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

$(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() { });

Ты много Дэйв! эта работа идеально, нужно немного времени, чтобы установить хорошую дату, но работа идеально, спасибо! : D
@Michele Как я уже отмечал выше, здесь будет использоваться локальная дата / время пользователя, поэтому впереди есть потенциальные изменения.
@ Марк, может, она этого хочет. В примере с обратным отсчетом на новый год это именно то, что вам нужно.
Просто работай хорошо: D нет проблем, если у меня разница в часах, мне просто нужен был простой отсчет, не нужно быть идеальным! спасибо, ребята, у меня есть обновление jsfiddle, чтобы все могли понять лучше! : D jsfiddle.net/wthf9/7