Таймеры обратного отсчета в jQuery - PullRequest
9 голосов
/ 27 июня 2011

Я строю сайт аукциона с пенни и попал на часть с таймерами (я использую фреймворк Symfony).Здесь у меня есть несколько вопросов и проблем.

Итак, у меня есть около 10 продуктов на главной странице, которые мне нужно показать.Все они с таймером обратного отсчета.

Чтобы счетчики работали правильно, я имел в виду:

  1. В действии шаблона я выбираю все продукты, необходимые длябыть показано в массиве вместе с start_time и end_time.в html каждый продукт будет иметь скрытый div, который будет содержать секунды до конца (end_time - start_time).

  2. при готовности документа, jQuery будет перебирать все продукты на домашней странице, конвертироватьоставшееся время в правильном формате (hours:minutes:seconds), выведите это время. Так что это та часть, в которой я запутался - если эта функция теперь вызывает другую функцию, которая уменьшает время деления, и имеет setTimeout на 1second?

  3. на div.click, jQuery извлекает количество секунд Div продукта, увеличивает его содержимое на 10. Если оно переполнено, измените также минуты и секунды на правильное значение и т. д..

Одно из моих опасений - как jQuery узнает, сколько продуктов есть на веб-странице? В настоящее время я использую <body onload="func()"> для запуска таймеров. Я новичок вJavaScript / jQuery, поэтому мой вопрос заключается в том, какой еще лучший способ активировать таймеры, а также отправить аргумент количества продуктов в функцию jQuery?

Кроме того, это будет достаточно быстро и эффективно?это будет сделано лучше?

1 Ответ

1 голос
/ 27 июня 2011

Как уже упоминалось в моем комментарии, вы можете поместить свои продукты в некоторые элементы div с помощью classname, а затем использовать функцию jQuery $.each('.classname') для перебора продуктов

Теперь, что касается вашего второго пункта, вы можете вызвать отдельную функцию для каждого продукта div с начальным и конечным временем в качестве параметров. вот скрипт для просмотра таймера обратного отсчета.

Для вашего третьего вопроса вы можете создать скрытое поле для сохранения текущего временного значения для каждого продукта и щелчком по каждому продукту вы можете вызвать функцию обратного отсчета с новым измененным начальным значением

Вы можете использовать $(".classname").size(), чтобы получить общее количество продуктов

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