Обратный отсчет времени

@drmodjo · Регистрация: 12.12.2014

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

Здравствуйте. Очень нужен скрипт обратного отсчета времени с некими условиями. Выглядеть должен так:
"Поступит в продужу через 02:10:15:30". Числа как вы догадались это дни, часы, минуты и секунды. После истечения срока, надпись и сами цифры должены поменяться на "Есть в наличии". Очень важно так же интуитивно понятный способ ввода даты в код скрипта. По возможности хотелось бы ввести дни, часы, минуты и секунды, и чтобы скрипт сам определил дату истечения. Заранее благодарю вас.

@kalabuni · 12.12.2014, 20:51

Сообщение от drmodjo

"Поступит в продужу через 02:10:15:30". Числа как вы догадались это дни, часы, минуты и секунды.

не очень догадались, если честно
формат aa:bb:cc:dd - он для секундомера/таймера -- часы:минуты:секунды:миллисекунды
дни тут никоим боком не пролазят -- имхо, ни один из пользователей без специальных разъяснений не сообразит, что первая пара цифр - это дни
ну и потом, редко какие товарные отношения требуют точности вплоть до секунд
так что порекомендую формат изменить -- "Поступит в продажу через 2 дня 10 часов 15 минут", где слова день, час, минута будут соответственно склоняться

если согласны с моими замечанием и предложением, то смотрите реализацию аналогичной задачи - Все дело в "кнопке"
если с чем не справитесь, свистните, помогу

@drmodjo · 12.12.2014, 21:16 **[ТС]**

Сообщение от kalabuni

не очень догадались, если честно

Для этого я и описал подробно.

Сообщение от kalabuni

так что порекомендую

На счет рекомендаций спасибо конечно, но не в этом была просьба о помоще.

Сообщение от kalabuni

смотрите реализацию аналогичной задачи

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

@kalabuni · 12.12.2014, 21:52

Сообщение от drmodjo

Для этого я и описал подробно.

то есть, вы и на своей странице напишете "Числа как вы догадались это дни, часы, минуты и секунды."?

Сообщение от drmodjo

Я очень прошу мне помочь, но не словом, а делом.

предпочитаю не помогать заведомо бредовым проектам - в интернете и так много глупостей... подождите кого-нить ещё

@drmodjo · 12.12.2014, 21:57 **[ТС]**

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

BuPy7 · 12.12.2014, 21:59

drmodjo, на github забанели?

@kalabuni · 13.12.2014, 04:29

запись для 14 часов 30 минут 15 января будущего года, надеюсь, интуитивно понятна?

JavaScript
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
function addText (n, q)
{
var w = [
         ['äåíü',   'äíÿ',    'äíåé' ], // q = 0
         ['÷àñ',    '÷àñà',   '÷àñîâ'], // q = 1
         ['минуту', 'ìèíóòû', 'ìèíóò']  // q = 2
        ],   
    k = n % 10,
    l = (!k || n > 5 && n < 21 || k > 4) ? 2 : ((k == 1) ? 0 : 1);
return (n + ' ' + w [q] [l]);
}
function myTimer ()
{
var tag = document.getElementById ('mt'),
    rez = '÷åðåç ',
    currD = new Date ().getTime (),
    txt = tag.getAttribute ('term').split (' '),
    txtDate = txt [0].split ('/'),
    txtTime = txt [1].split (':');
    termD = new Date (txtDate [2], txtDate [1] - 1, parseInt (txtDate [0]), parseInt (txtTime [0]), parseInt (txtTime [1])).getTime ();
    dur = Math.floor ((termD - currD) / 60 / 1000);
if (dur <= 0) {tag.innerHTML = 'Åñòü â íàëè÷èè'; return}
var ds =  Math.floor (dur / 24 / 60),
    hs = Math.floor ((dur - ds * 24 * 60) / 60),
    ms = Math.floor (dur - ds * 24 * 60 - hs * 60);
if (ds)  {rez += addText (ds, 0); if (hs && ms) rez += ', '; else rez += ' è '}
 
if (hs)  {rez += addText (hs, 1); if (ms) rez += ' è '}
if (ms)  rez += addText (ms, 2);
if (!tag.getAttribute ('trm'))
   {
   tag.children [0].innerHTML = rez;
   tag.setAttribute ('trm', 1);
   }
else 
   {
   tag.children [0].innerHTML = '';
tag.removeAttribute ('trm');
   }
setTimeout (myTimer, 1000);
}
 
onload = myTimer;

HTML5
1
<p id="mt" term="15/01/2015 14:30">Ïîñòóïèò â ïðîäàæó <span></span></p>

вместо тегов <p> и <span> можете прописать любые иные плайн-теги, только один должен быть внутри другого и у внешнего должен быть прописан id="mt"

PS. предположу, что следующим вашим вопросом будет - "а у меня таких таймеров на странице будет несколько... как переделать этот скрипт для нескольких таймеров?" правильно догадался?

@drmodjo · 13.12.2014, 10:32 **[ТС]**

Спасибо. Но таймер на странице будет один.
Вот только мне важно всетаки и секундный таймер. Вместо мигающиего текста "через 33 дня, 3 часа и 4 минуты".
Можно это реализовать?

@kalabuni · 13.12.2014, 11:17

JavaScript
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
function addText (n, q)
{
var w = [
         ['äåíü',    'äíÿ',     'äíåé' ], // q = 0
         ['÷àñ',     '÷àñà',    '÷àñîâ'], // q = 1
         ['ìèíóòó',  'ìèíóòû',  'ìèíóò'], // q = 2
         ['ñåêóíäó', 'ñåêóíäû', 'ñåêóíä'] // q = 3
        ],   
    k = n % 10,
    l = (!k || n > 5 && n < 21 || k > 4) ? 2 : ((k == 1) ? 0 : 1);
return (n + ' ' + w [q] [l] + ' ');
}
function myTimer ()
{
var tag = document.getElementById ('mt'),
    rez = '',
    currD = new Date ().getTime (),
    txt = tag.getAttribute ('term').split (' '),
    txtDate = txt [0].split ('/'),
    txtTime = txt [1].split (':');
    termD = new Date (txtDate [2], txtDate [1] - 1, parseInt (txtDate [0]), parseInt (txtTime [0]), parseInt (txtTime [1]), parseInt (txtTime [2])).getTime ();
    dur = Math.floor ((termD - currD) / 1000);
if (dur <= 0) {tag.innerHTML = 'Åñòü â íàëè÷èè'; return}
var ds = Math.floor (dur / 24 / 60 / 60),
    hs = Math.floor ((dur - ds * 24 * 60 * 60) / 60 / 60),
    ms = Math.floor ((dur - ds * 24 * 60 * 60 - hs * 60 * 60) / 60),
    ss = dur - ds * 24 * 60 * 60 - hs * 60 * 60 - ms * 60;
if (ds) rez += addText (ds, 0);
if (hs) rez += addText (hs, 1);
if (ms) rez += addText (ms, 2);
if (ss) rez += addText (ss, 3);
 
tag.children [0].innerHTML = rez; setTimeout (myTimer, 1000);
}
onload = myTimer;

HTML5
1
<p id="mt" term="25/12/2014 13:06:05">Ïîñòóïèò â ïðîäàæó ÷åðåç <span></span></p>

@drmodjo · 13.12.2014, 14:46 **[ТС]**

Огромное вам спасибо. Все прекрасно работает.

Новые блоги и статьи Все статьи Все блоги /
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при создании или изменении элементов справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .

@drmodjo 0 / 0 / 0 Регистрация: 12.12.2014 Сообщений: 6

	Обратный отсчет времени 12.12.2014, 17:26. Показов 1315. Ответов 9 Метки нет (Все метки) Здравствуйте. Очень нужен скрипт обратного отсчета времени с некими условиями. Выглядеть должен так: "Поступит в продужу через 02:10:15:30". Числа как вы догадались это дни, часы, минуты и секунды. После истечения срока, надпись и сами цифры должены поменяться на "Есть в наличии". Очень важно так же интуитивно понятный способ ввода даты в код скрипта. По возможности хотелось бы ввести дни, часы, минуты и секунды, и чтобы скрипт сам определил дату истечения. Заранее благодарю вас. 0

@drmodjo 0 / 0 / 0 Регистрация: 12.12.2014 Сообщений: 6
	12.12.2014, 21:57 [ТС]
	Просто помогите. Можете добавить после каждого числа рядом дни, часы, минуты, секунды. Тогда будет понятно. Просто помогите пожалуйста, сделайте доброе дело.... 0

BuPy7 Нет ТЗ - давай досвидания 746 / 377 / 64 Регистрация: 01.12.2011 Сообщений: 2,250 Записей в блоге: 6
	12.12.2014, 21:59
	drmodjo, на github забанели? 0

@drmodjo 0 / 0 / 0 Регистрация: 12.12.2014 Сообщений: 6
	13.12.2014, 10:32 [ТС]
	Спасибо. Но таймер на странице будет один. Вот только мне важно всетаки и секундный таймер. Вместо мигающиего текста "через 33 дня, 3 часа и 4 минуты". Можно это реализовать? 0

@drmodjo 0 / 0 / 0 Регистрация: 12.12.2014 Сообщений: 6
	13.12.2014, 14:46 [ТС]
	Огромное вам спасибо. Все прекрасно работает. 0