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

Таймер обратного отчета

17.03.2016, 04:20. Показов 1308. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте. Имеется код таймера, выводится в span после клика на определенный div и передаются данные для отчета. На странице могут размещаться различное количество div по клику которых выводится таймер в всплывающий div в теге span. Но время начинает прыгать, если кликнуть на один div, а потом на другой.

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
function toFormattedTime(timestamp){
var hour = Math.floor(timestamp/60/60);
var mins = Math.floor((timestamp - hour*60*60)/60);
var secs = Math.floor(timestamp - hour*60*60 - mins*60); 
var left_hour = Math.floor( (timestamp - 0*24*60*60) / 60 / 60 );
if(String(left_hour).length > 1){
var add_hour = left_hour;
}else{
var add_hour = ("0" + left_hour);}
if(String(mins).length > 1){
var add_mins = mins;    
}else{
var add_mins = ("0" + mins);}
if(String(secs).length > 1){
var add_secs = secs;    
}else{
var add_secs = ("0" + secs);}
return add_hour+' час. '+add_mins+' мин. '+add_secs+' сек.';
}
function timer(c){
var timerdiv = document.getElementById('timer');
if(c > 0){  
timerdiv.innerHTML = "осталось: " + toFormattedTime(c--);
}else{
clearInterval(this);
timerdiv.innerHTML = "готово";
}
setTimeout(function(){timer(c)},1000);
}
Подскажите как можно решить этот вопрос. Спасибо!
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
17.03.2016, 04:20
Ответы с готовыми решениями:

Цикличный таймер обратного отчета с выводом надписи по истечению
Здравствуйте, есть вот такой скрипт: <script> function timeCounter() { var now = new Date(); var s = now.getSeconds();...

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

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

6
Философ-разговорник
 Аватар для Padonak
1066 / 391 / 120
Регистрация: 20.02.2016
Сообщений: 884
Записей в блоге: 1
21.03.2016, 17:00
используйте clearTimeout() при каждом новом запуске таймера
0
0 / 0 / 1
Регистрация: 22.01.2015
Сообщений: 126
22.03.2016, 11:00  [ТС]
Спасибо, разобрался.

Добавлено через 1 час 27 минут
Подскажите пожалуйста. Как проверить, что load выполнен и взять данные с блока обновленного.
Например обновить блок
JavaScript
1
$("#reload").load("#div #reload");
Получить данные в блоке после завершения load
JavaScript
1
var bv = $('#status').text();
Спасибо за подсказки.
0
 Аватар для alexsamos33
669 / 640 / 335
Регистрация: 26.04.2014
Сообщений: 2,122
22.03.2016, 17:01
JavaScript
1
$("#reload").load("#div #reload", "", function(data) { alert( data ); });
0
0 / 0 / 1
Регистрация: 22.01.2015
Сообщений: 126
22.03.2016, 21:17  [ТС]
Спасибо. Отлично работает. Еще один вопрос такой, возможно ли узнать положение элемента (div) в блоке со скроллингом, что бы после выполнения какой либо функции, автоматически прокрутить скролл по ближе.

Например блок
CSS
1
2
3
<style>
.div1{margin-top:35px;max-height:800px;max-width:496px;overflow:scroll;overflow-x:hidden;}
</style>
В данном блоке еще множество различных div. Возможно ли вычислить координаты хотя бы по scrollTop для примерного скроллинга вниз или вверх к определенной позиции. Спасибо.

Добавлено через 3 минуты
Что то в таком духе я думаю:

JavaScript
1
2
var scrollTop = $('Нужный эелемент').offset().top;
$('.div1').scrollTop(scrollTop);
Добавлено через 4 минуты
Впринцепе работает так:
JavaScript
1
2
var scrollTop = $('#div_'+num).offset().top;
$('#scroll_div_click').scrollTop(scrollTop);
Насколько это верный подход?)
0
 Аватар для alexsamos33
669 / 640 / 335
Регистрация: 26.04.2014
Сообщений: 2,122
22.03.2016, 21:25
Цитата Сообщение от gatti Посмотреть сообщение
для примерного скроллинга вниз или вверх к определенной позиции.
scrollIntoView
1
0 / 0 / 1
Регистрация: 22.01.2015
Сообщений: 126
22.03.2016, 22:12  [ТС]
Спасибо. Впринцепе разобрался. Прибавил к полученному значению n-ое количество px и прокручивает вполне куда нужно.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
22.03.2016, 22:12
Помогаю со студенческими работами здесь

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

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

таймер обратного отсчета
привет всем....помогите с таймером обратного отсчета до определенной даты, пожалуйста.

Таймер обратного отсчета
Подскажите хороший скрипт таймера обратного отсчета. Можно и на jq. Добавлено через 41 минуту Нашёл хороший, но скрипт на один...

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


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

Или воспользуйтесь поиском по форуму:
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