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

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

31.08.2018, 18:53. Показов 1765. Ответов 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
Ответ Создать тему
Новые блоги и статьи
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
Модель микоризы: классовый агентный подход 2
anaschu 06.01.2026
репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
Расчёт токов в цепи постоянного тока
igorrr37 05.01.2026
/ * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .
Новый CodeBlocs. Версия 25.03
palva 04.01.2026
Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .
Модель микоризы: классовый агентный подход
anaschu 02.01.2026
Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
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 —. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru