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

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

28.01.2013, 08:25. Показов 25674. Ответов 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
Ответ Создать тему
Новые блоги и статьи
SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++
8Observer8 17.03.2026
Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip
Символические и жёсткие ссылки в Linux.
algri14 15.03.2026
Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора
ФедосеевПавел 14.03.2026
Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .
делаю науч статью по влиянию грибов на сукцессию
anaschu 13.03.2026
прикрепляю статью
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++
8Observer8 10.03.2026
Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE
8Observer8 10.03.2026
Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки
Neotwalker 08.03.2026
Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru