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

Цикличный таймер обратного отчета с выводом надписи по истечению

02.06.2015, 07:40. Показов 2694. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте, есть вот такой скрипт:

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
<script>
function timeCounter()
{
    var now = new Date();
    var s = now.getSeconds();
    var m = now.getMinutes();
    var h = now.getHours();
    var day = now.getDate();
    var month = now.getMonth();
    var year = now.getFullYear();       
 
    if(h > 21)
    {
        day++;
    }
 
    var end = new Date(year, month, day, 08, 0, 0);
 
    var diff = end - now;
    var hoursdiff = Math.floor(diff/3600000);
    var minutesdiff = Math.floor((diff - hoursdiff*3600000)/60000);
    var secondsdiff = Math.floor((diff - hoursdiff*3600000 - minutesdiff*60000)/1000);
 
    if(minutesdiff < 10)
    {
        minutesdiff = '0'+minutesdiff;
    }
 
    if(secondsdiff < 10)
    {
        secondsdiff = '0'+secondsdiff;
    }
 
    var out = 'Blood Castle: '+hoursdiff+':'+minutesdiff+':'+secondsdiff+' ';
    document.getElementById('timecounterdiv').innerHTML = out;
    setTimeout(function(){timeCounter();}, 1000);
}
</script>
Нужно, что бы он создавал обратный отчет каждые 2 часа, после истечения этих двух часов на 5 минут показывал надпись, а после снова запускал обратный отчет в 2 часа -5 минут (которые показывалась надпись) то есть 1ч.55м. Знающие люди окажите помощь, буду премного благодарен.
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
02.06.2015, 07:40
Ответы с готовыми решениями:

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

Таймер обратного отчета
Здравствуйте. Имеется код таймера, выводится в span после клика на определенный div и передаются данные для отчета. На странице могут...

таймер обратного отчёта
Такой вопрс unit Unit1; interface uses Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms, ...

2
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
02.06.2015, 13:49
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
// это мой отдельный таймер, я просто не понял как его в живить в ваш, у вас переменные локальные, а для такого таймера чуть более глобальные
var L=7200;
function castal(){
--L;
if(L==0){
L=7200;
    var out = 'Blood Castle: '+new Date().getHours+':'+new Date().getMinutes+':'+new Date().getSeconds+' ';
    document.getElementById('timecounterdiv').innerHTML = out;
setTimeout(hideMSG(),300000);
}
setTimeout(castal(),1000)
 
}
0
388 / 275 / 76
Регистрация: 19.09.2011
Сообщений: 828
02.06.2015, 15:52
http://output.jsbin.com/zodoqi


HTML5
1
2
<span id="timecounterdiv"></span>
<span id="asd2"></span>
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
52
53
54
55
var span = document.getElementById("timecounterdiv");
var span2 = document.getElementById("asd2");
 
var CountdownTimer = function(endTime, onTick, onEnd){
  
  var loop = function(){
    var currentDate = new Date();
 
    var dif = new Date(endTime - currentDate + 1000);
    dif.setMinutes(dif.getMinutes() + currentDate.getTimezoneOffset());
 
    onTick(dif);
 
    if(currentDate > endTime){
      onEnd();
      return;
    }
 
    requestAnimationFrame(loop);
  };
  
  this.start = loop;
};
 
var updateElement = function(time){
  var addZero = function(value){
    return value < 10 ? "0" + value : value;
  };
  var seconds = addZero(time.getSeconds());
  var hours = addZero(time.getHours());
  var minutes = addZero(time.getMinutes());
  
  span.innerHTML = hours + ":" + minutes + ":" + seconds;
};
 
var onEndFirstTimer = function(){
  span2.innerText = "asdasdasdasd" // показываешь надпись
  
  
  setTimeout(function(){
    var endTime = new Date();
    endTime.setHours(endTime.getHours() + 1);
    endTime.setSeconds(endTime.getSeconds() + 55); // таймер на 1 час 55 минут
    var timer = new CountdownTimer(endTime, updateElement, onEndFirstTimer);
    timer.start();
    
    
    span2.innerText = "" // убираешь надпись
  }, 5 * 60 * 1000); // setTimeout на 5 минут
};
 
var endTime = new Date();
endTime.setHours(endTime.getHours() + 2); // таймер на два часа
var timer = new CountdownTimer(endTime, updateElement, onEndFirstTimer);
timer.start();
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
02.06.2015, 15:52
Помогаю со студенческими работами здесь

Приложение таймер обратного отчета
Всем доброго времени суток. Я пытаюсь создать приложение таймер для браузерной игры и общий таймер наработка и мысли пошли. а вот как...

Таймер с указанием времени обратного отчета
Т.е, необходимо указать время, например в текст боксе, допусти 60 минут, далее запускается таймер и отчитывает секунды и минуты= 59м=59с и...

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

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

Необходимо реализовать таймер обратного отсчета с выводом в GUI(2016)
Необходим таймер с обратным отсчетом (20 сек. примерно). Внутри цикла, пользователь вводит значение (if else проверяют на подлинность, если...


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
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