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

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

02.06.2015, 07:40. Показов 2706. Ответов 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
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&amp;d=1772460536 Одним из. . .
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru