Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
0 / 0 / 0
Регистрация: 13.04.2013
Сообщений: 28

Настройка обратного отсчета

23.04.2014, 11:01. Показов 759. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте!

У меня на страницу выводятся все строки из базы mysql. У каждой есть свой уникальный id и время до конца акции.

Хочу в каждой строке поставить счетчик обратного отсчета на JS. Вроде бы нашел простенький, но никак не могу его приспособить. А именно он на странице появляется только один и считает время только до одной даты, а мне нужно, чтобы он был в каждой строке и отсчитывал свою дату.

Можно ли его как-то прикрутить?
Код:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<?
$result = ("SELECT * FROM table");
$res = mysql_query($result);
while($row = mysql_fetch_array ($res))
        {
                $id=$row['id'];
                $finish=$row['finish'];
echo "$id";
?>
 
 
<script type="text/javascript">
(function(){
   var expire   = <?php echo strtotime($finish) . '000' ?>,
       countDown = function(){
           var message = document.getElementById("timer_message");
           if(!message)
               return;
           var time = parseInt( (expire - new Date().getTime()) / 1000 );
           if(--time < 0){
               clearInterval(timer);
               message.innerHTML = 'время вышло';
               return;
           }              
           var days    = parseInt(time / 86400),
               hours   = parseInt(time / 3600) % 24,
               minutes = parseInt(time / 60) % 60,
               seconds = time % 60;
               
             if(days == 1 || days == 21) dayname=" день "
             else
             if(days == 2 || days == 3 || days == 4 || days == 22 || days == 23) dayname=" дня "
             else dayname=" дней "
 
                          if(hours == 1 || hours == 21) hoursname=" час "
             else
             if(hours == 2 || hours == 3 || hours == 4 || hours == 22 || hours == 23) hoursname=" часа "
             else hoursname=" часов "
                         
                          if(minutes == 1 || minutes == 21 || minutes == 31 || minutes == 41 || minutes == 51) minutesname=" минута "
             else
             if(minutes == 2 || minutes == 3 || minutes == 4 || minutes == 22 || minutes == 23 || minutes == 24 || minutes == 32 || minutes == 33 || minutes == 34 || minutes == 42 || minutes == 43 || minutes == 44 || minutes == 52 || minutes == 53 || minutes == 54) minutesname=" минуты "
             else minutesname=" минут "
                           
                          if(seconds == 1 || seconds == 21 || seconds == 31 || seconds == 41 || seconds == 51) secondsname=" секунда "
             else
             if(seconds == 2 || seconds == 3 || seconds == 4 || seconds == 22 || seconds == 23 || seconds == 24 || seconds == 32 || seconds == 33 || seconds == 34 || seconds == 42 || seconds == 43 || seconds == 44 || seconds == 52 || seconds == 53 || seconds == 54) secondsname=" секунды "
             else secondsname=" секунд "
                         
 
           if(days == 0) {
              message.innerHTML = 'До оглашения результата осталось: ' + hours + hoursname + minutes + minutesname + seconds + secondsname;
              return;
                           } else
                           if(days == 0 && hours == 0) { message.innerHTML = 'До оглашения результата осталось: ' + minutes + minutesname + seconds + secondsname;
                             return;
               }
                                 else
                           if(days == 0 && hours == 0 && minutes == 0) { message.innerHTML = 'До оглашения результата осталось: ' + seconds + secondsname;
                             return;
               }
           else { message.innerHTML = 'До оглашения результата осталось: ' + days + dayname + hours + hoursname + minutes + minutesname + seconds + secondsname;
               return;
               }
       },
       timer = setInterval(countDown, 1000);
       countDown();
}())
</script>
<div id="timer_message"></div>
 
 
<?
}
?>
Добавлено через 22 часа 0 минут
Никто не знает?
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
23.04.2014, 11:01
Ответы с готовыми решениями:

Таймер обратного отсчета
Ребята помогите пожалуйста. Я совсем новичок. Нужно отредактировать таймер обратного времени и поменять несколько картинок на сайте...

Таймер обратного отсчета
Есть у кого-нибудь готовый или кто-то может написать, если не муторно счетчик обратного отсчета, единственное он должен быть циклическим,...

Таймер обратного отсчета на JS
Добрый день! Хочу сделать таймер обратного отсчета. Время выбирается из select. Написал такой код, но он не работает, подскажите...

2
19 / 19 / 6
Регистрация: 09.04.2010
Сообщений: 123
26.04.2014, 20:23
Ни разу не увидел в Вашем коде регулярного выражения, Вы темой "случайно" не ошиблись?
0
Эксперт JSЭксперт HTML/CSS
2436 / 1115 / 312
Регистрация: 23.06.2011
Сообщений: 3,529
26.04.2014, 21:42
Цитата Сообщение от John1992on Посмотреть сообщение
Вы темой "случайно" не ошиблись?
тут таких криворуких 90%, модеры задолбались перетаскивать темы

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

Достали.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
26.04.2014, 21:42
Помогаю со студенческими работами здесь

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

Таймер обратного отсчета
Здравствуйте. Пожалуйста можете скинуть скрипт, или ссылку на сайт, где есть таймер в котором можно задать допустим 10 часов, и он бы...

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

Таймер обратного отсчета
Привет всем. Мне нужно сделать таймер обратного отсчета именно на классах в JS. Я написал код, но есть проблема, по нажатию кнопки старт...

Таймер обратного отсчета
Доброе время суток. Нашел на сайт Таймер обратного отсчета времени. Меня он не устраивает тем, что я не могу изменить размер или не допираю...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки
Neotwalker 08.03.2026
Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование
8Observer8 05.03.2026
Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru