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

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

28.01.2013, 08:25. Показов 25593. Ответов 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
Ответ Создать тему
Новые блоги и статьи
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru