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

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

31.08.2018, 18:53. Показов 1876. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
У меня есть такой таймер обратного отсчёта. И мне нужно чтобы вместо определенной даты, всегда стояло 10 минут, то есть чтобы он всегда отсчитывал от 10 минут, я пробовал покопаться с deadline, проблема в ней, но я не знаю как сделать именно 10 минут.

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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
(function ($) {
 
    $.fn.downCount = function (options, callback) {
        var settings = $.extend({
                date: null,
                offset: null
            }, options);
 
        // Throw error if date is not set
        if (!settings.date) {
            $.error('Date is not defined.');
        }
 
        // Throw error if date is set incorectly
        if (!Date.parse(settings.date)) {
            $.error('Incorrect date format, it should look like this, 12/24/2012 12:00:00.');
        }
 
        // Save container
        var container = this;
 
        /**
         * Change client's local date to match offset timezone
         * @return {Object} Fixed Date object.
         */
        var currentDate = function () {
            // get client's current date
            var date = new Date();
 
            // turn date to utc
            var utc = date.getTime() + (date.getTimezoneOffset());
 
            // set new Date object
            var new_date = new Date(utc + (3600000*settings.offset))
 
            return new_date;
        };
 
        /**
         * Main downCount function that calculates everything
         */
        function countdown () {
            var target_date = new Date(settings.date), // set target date
                current_date = currentDate(); // get fixed current date
 
            // difference of dates
            var difference = target_date - current_date;
 
            // if difference is negative than it's pass the target date
            if (difference < 0) {
                // stop timer
                clearInterval(interval);
 
                if (callback && typeof callback === 'function') callback();
 
                return;
            }
 
            // basic math variables
            var _second = 1000,
                _minute = _second * 60,
                _hour = _minute * 60,
                _day = _hour * 24;
 
            // calculate dates
            var days = Math.floor(difference / _day),
                hours = Math.floor((difference % _day) / _hour),
                minutes = Math.floor((difference % _hour) / _minute),
                seconds = Math.floor((difference % _minute) / _second);
 
                // fix dates so that it will show two digets
                days = (String(days).length >= 2) ? days : '0' + days;
                hours = (String(hours).length >= 2) ? hours : '0' + hours;
                minutes = (String(minutes).length >= 2) ? minutes : '0' + minutes;
                seconds = (String(seconds).length >= 2) ? seconds : '0' + seconds;
 
            // based on the date change the refrence wording
            var ref_days = (days === 1) ? 'дни' : 'дни',
                ref_hours = (hours === 1) ? 'часы' : 'часы',
                ref_minutes = (minutes === 1) ? 'мин' : 'мин',
                ref_seconds = (seconds === 1) ? 'сек' : 'сек';
 
            // set to DOM
            container.find('.days').text(days);
            container.find('.hours').text(hours);
            container.find('.minutes').text(minutes);
            container.find('.seconds').text(seconds);
 
            container.find('.days_ref').text(ref_days);
            container.find('.hours_ref').text(ref_hours);
            container.find('.minutes_ref').text(ref_minutes);
            container.find('.seconds_ref').text(ref_seconds);
        };
        
        // start
        var interval = setInterval(countdown, 1000);
    };
 
})(jQuery);
HTML5
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
<!doctype html>
<html><head>
<title>Таймер обратного отсчета</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="jquery.downCount.js" type="text/javascript"></script>
</head>
<body>
 
<script type="text/javascript">
   // здесь нужная дата в формате гггг-мм-дд чч:мм:сс
   var deadline='2017-08-20 00:00:00';
</script>
 
<ul class="countdown">
   <li>
      <span class="days">00</span>
      <div class="days_ref">дни</div>
   </li>
   <li class="seperator">.</li>
   <li>
      <span class="hours">00</span>
      <div class="hours_ref">часы</div>
   </li>
   <li class="seperator">:</li>
   <li>
      <span class="minutes">00</span>
      <div class="minutes_ref">мин</div>
   </li>
   <li class="seperator">:</li>
   <li>
      <span class="seconds">00</span>
      <div class="seconds_ref">сек</div>
   </li>
</ul>
<script type="text/javascript">
$('.countdown').downCount({
    date: deadline,
},
function(){
   /* действие после завершения таймера */
   alert("Время истекло!");
});
</script> 
</body>
</html>
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
31.08.2018, 18:53
Ответы с готовыми решениями:

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

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

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

6
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
01.09.2018, 10:56
Цитата Сообщение от itpedia17 Посмотреть сообщение
И мне нужно чтобы вместо определенной даты, всегда стояло 10 минут
Меньше суток в вашем скрипте jquery.downCount.js не поставить!
1
0 / 0 / 0
Регистрация: 27.07.2017
Сообщений: 10
01.09.2018, 13:37  [ТС]
А у вас случайно нет такого таймера обратного отсчёта, чтобы когда человек заходил на страницу всегда был отсчёт на 10 минут? А то я много уже переворошил, а я плохо знаю js
0
0 / 0 / 0
Регистрация: 27.07.2017
Сообщений: 10
01.09.2018, 16:31  [ТС]
Ой, извините что наспамил, у меня не показывало что отправляется сообщение, вот я и несколько раз отослал
0
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
01.09.2018, 16:50
Цитата Сообщение от itpedia17 Посмотреть сообщение
Ой, извините
Это не ваша вина а сервера
Цитата Сообщение от itpedia17 Посмотреть сообщение
А у вас случайно нет такого таймера
Не буду обещать но может быть, на днях, напишу вам такой таймер...
1
0 / 0 / 0
Регистрация: 27.07.2017
Сообщений: 10
01.09.2018, 16:59  [ТС]
Ладно, спасибо что откликнулись, я сам постараюсь найти, не нужно писать.
0
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
01.09.2018, 17:16
Цитата Сообщение от itpedia17 Посмотреть сообщение
не нужно писать.
Настаивать не стану... но может быть
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
01.09.2018, 17:16
Помогаю со студенческими работами здесь

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

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

Таймер обратного отсчета
Доброе время суток. Нашел на сайт Таймер обратного отсчета времени. Меня он не устраивает тем, что я не могу изменить размер или не допираю...

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

Таймер обратного отсчета
Есть у кого-нибудь готовый или кто-то может написать, если не муторно счетчик обратного отсчета, единственное он должен быть циклическим,...


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

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
Модель заражения группы наркоманов
alhaos 17.04.2026
Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .
Мысли в слух. Про "навсегда".
kumehtar 16.04.2026
Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .
My Business CRM
MaGz GoLd 16.04.2026
Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .
Знаешь почему 90% людей редко бывают счастливыми?
kumehtar 14.04.2026
Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
Фиксация колонок в отчете СКД
Maks 14.04.2026
Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .
Настройки VS Code
Loafer 13.04.2026
{ "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .
Оптимизация кода на разграничение прав доступа к элементам формы
Maks 13.04.2026
Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений
Maks 12.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru