0 / 0 / 0
Регистрация: 28.01.2013
Сообщений: 27

Отсчет времени до определенной даты

28.01.2013, 08:25. Показов 25688. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Искал в интернете, но подходящего не нашел. Прошу помощи у вас. Нужен таймер обратного отсчета в формате (дни, часы, минуты, секунды). А в коде нужно выставить дату, до которой надо вести отсчет.
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
28.01.2013, 08:25
Ответы с готовыми решениями:

Отсчет времени от указанной даты
Имеется скрипт var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"); function...

Как определить сколько прошло времени с определенной даты?
Добрый день уважаемые, подскажите пожалуйста как правильно написать метод который й бы брал значение из полей input type="text" и...

Отсчёт времени до определённой даты
Нужно реализовать: Например 20.11.2016 в 15-30 будет какое-то событие (например день печенек) (Сейчас к примеру 15.11.2016) В Label1...

6
 Аватар для koza4ok
632 / 440 / 67
Регистрация: 19.09.2012
Сообщений: 1,632
28.01.2013, 10:07
Таких скрыптов полно.А вы даже не искали....
[нерабочая ссылка-удалено]

Сделать и примера функцию и задать параметр тоже легко.
Делаете мини пример,если будут проблемы-пишите.
0
 Аватар для Зверушь
461 / 369 / 94
Регистрация: 01.05.2010
Сообщений: 1,761
28.01.2013, 14:11
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function timer() {
    var nowDate = new Date();
    var achiveDate = new Date(2013,0,28,17,0,0); //Задаем дату, к которой будет осуществляться обратный отсчет
    var result = (achiveDate - nowDate)+1000;
    if (result < 0) {
        var elmnt = document.getElementById('timer');
        elmnt.innerHTML = ' - : - - : - - : - - ';
        return undefined;
    }
    var seconds = Math.floor((result/1000)%60);
    var minutes = Math.floor((result/1000/60)%60);
    var hours = Math.floor((result/1000/60/60)%24);
    var days = Math.floor(result/1000/60/60/24);
    if (seconds < 10) seconds = '0' + seconds;
    if (minutes < 10) minutes = '0' + minutes;
    if (hours < 10) hours = '0' + hours;
    var elmnt = document.getElementById('timer');
    elmnt.innerHTML = days + ':' + hours + ':' + minutes + ':' + seconds;
    setTimeout(timer, 1000);
}
window.onload = function() {
    timer();
}
В html разметке задаем блок с id="timer", в него будет выводится обратный отсчет.
1
0 / 0 / 0
Регистрация: 28.01.2013
Сообщений: 27
28.01.2013, 17:09  [ТС]
Вот еще другую реализацию нашел.
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
44
45
46
47
48
49
50
51
<script language='javascript' type='text/javascript'>
function fulltime ()   {
var time=new Date();
var newYear=new Date("jan,01,2011,00:00:00");   
var totalRemains=(newYear.getTime()-time.getTime());
 
if (totalRemains>1){
 
var RemainsSec = (parseInt(totalRemains/1000));
var RemainsFullDays=(parseInt(RemainsSec/(24*60*60)));
var secInLastDay=RemainsSec-RemainsFullDays*24*3600;
var RemainsFullHours=(parseInt(secInLastDay/3600));
if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours};
var secInLastHour=secInLastDay-RemainsFullHours*3600;
var RemainsMinutes=(parseInt(secInLastHour/60));
if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes};
var lastSec=secInLastHour-RemainsMinutes*60;
if (lastSec<10){lastSec="0"+lastSec};
 
document.getElementById("RemainsFullDays").innerHTML=RemainsFullDays+"<span id='Rem'> дн</span>";
document.getElementById("RemainsFullHours").innerHTML=RemainsFullHours+"<span id='Rem'> час</span>";
document.getElementById("RemainsMinutes").innerHTML=RemainsMinutes+"<span id='Rem'> мин</span>";
document.getElementById("lastSec").innerHTML=lastSec+"<span id='Rem'> сек</span>";   
setTimeout('fulltime()',10)    
}
 
else{
document.getElementById("clock").innerHTML="C НОВЫМ ГОДОМ !!!";
}
}
</script>
<style type='text/css'>
#clou_xs {position:relative;width:200px;height:150px;padding:10px;}
#clock {height:150px;text-align:center;font-size:13px;}
#RemainsFullDays {position:absolute;top:50%;left:40%;font-size:25px;}
#RemainsFullHours {position:absolute;bottom:1px;left:40px;font-size:15px;}
#RemainsMinutes {position:absolute;bottom:1px;left:87px;font-size:15px;}
#lastSec {position:absolute;bottom:1px;left:135px;font-size:15px;}
#Rem {font-size:11px;font-weight:normal;}
</style>
<div id='clou_xs'>
<div id='clock'>
до нового года осталось:
 
<span id='RemainsFullDays'></span>
    <span id='RemainsFullHours'></span>
    <span id='RemainsMinutes'></span>
    <span id='lastSec'></span>
</div>
</div>
<script language='javascript'>fulltime();</script>
0
13 / 13 / 2
Регистрация: 01.06.2013
Сообщений: 245
15.03.2021, 01:00
Зверушь,

Я взял этот пример. понравился простотой (т.к. я новичок)
НО

При добавлении аргументов в вызов функции я получаю NaN:NaN:NaN после первого тика.

т.е я сделал вот так.

JavaScript
1
2
3
4
5
6
timer(2022,2,12,0,12,33);
 
function timer($year, $month, $day, $hours, $minutes, $seconds) {
    var nowDate = new Date();
    var achiveDate = new Date($year, $month, $day, $hours, $minutes, $seconds); 
//остальной код остался прежним


Для чего я это делаю?
Я хочу вызвать несколько таймеров на странице с разными датами отсчёта
Таймер запускается. Но только до первого тика
1
 Аватар для Зверушь
461 / 369 / 94
Регистрация: 01.05.2010
Сообщений: 1,761
15.03.2021, 10:37
VeTal4ik, ухх, тему откопал восьмилетней давности Но аж самому интересно стало
Короче, проблема в последней строке тела функции timer:
JavaScript
1
setTimeout(timer, 1000);
Тут идет повторный вызов функции через 1 секунду. Но здесь функция вызывается без аргументов, поэтому на втором тике у вас получается следующее:
JavaScript
1
var achiveDate = new Date(undefined, undefined, undefined, undefined, undefined, undefined);
Строка
JavaScript
1
setTimeout(timer, 1000);
должна быть заменена на
JavaScript
1
2
3
setTimeout(function () {
    timer($year, $month, $day, $hours, $minutes, $seconds)
}, 1000);
Тогда заработает.

Добавлено через 4 минуты
Цитата Сообщение от VeTal4ik Посмотреть сообщение
Я хочу вызвать несколько таймеров на странице с разными датами отсчёта
Тогда добавьте еще один аругмент к определению функции, Например это будет id элемента. Ну и саму функцию измените, чтобы она выбирала элемент с переданным id. А то там сейчас хардкотом ид timer задан.
0
13 / 13 / 2
Регистрация: 01.06.2013
Сообщений: 245
15.03.2021, 12:26
Зверушь, ну кто-то 8 лет назад умел печь пироги, а кто-то только сейчас изучает рецепты.

Этот код показался наиболее простым из поиска. (для меня) вот его и откопал

Все остальные примеры на строк 50-100 со слоганом "простой таймер отсчёта на js " xD

Спасибо за совет.
+ к карме
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
15.03.2021, 12:26
Помогаю со студенческими работами здесь

Отсчет времени до даты
Нужна программа, которая будет каждую секунду выводить на экран время до 28 июля 2010 года. Заранее спасибо)

Отсчет времени от ДАТЫ РЕГИСТРАЦИИ претензий
Добрый день , подскажите пожалуйста есть ДАТА РЕГИСТРАЦИЙ претензий как сделать чтобы писалось , что с момента регистраций прошло...

Программа должна работать до определенной даты у пользователя, независимо, что он выставит в настройках даты и времени
Добрый день, уважаемые! Уже сломал голову, но ничего не могу придумать. Дело вот в чем: есть программа (клиент обращений в поддержку),...

Вычисления времени от сегодня до определенной даты.
у меня есть cегодняшняя дата - date() 15/10/01 я хочу вычислить сколько дней, положим, осталось до нового года 31/12/01 я так...

Счетчик оставшегося времени до определенной даты
Здравствуйте! Столкнулся с таким заданием: на форме имеется стока состояния, которая выводит количество оставшегося времени до...


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

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Опции темы

Новые блоги и статьи
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20%
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
Горе от ума
kumehtar 07.04.2026
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
Использование значений реквизитов справочника в документе, с определенными условиями и правами
Maks 07.04.2026
1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
Доступность команды формы по условию
Maks 07.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .
Уведомление о неверно выбранном значении справочника
Maks 06.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt
8Observer8 05.04.2026
Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .
AkelPad-скрипты, структуры, и немного лирики..
testuser2 05.04.2026
Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru