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

@legio1milenium · Регистрация: 04.02.2013

Студворк — интернет-сервис помощи студентам

Стоит такая задача есть несколько ссылок у которых необходимо задать разное время их показа к примеру у одно ссылке один раз через каждые 30 мин после клика по ссылке, у другой к примеру через 15 мин. после клика по ссылке. Тесть при клике на ссылку, ссылка пропадет, а на ее вместо запускается таймер обратного от счета к примеру 00:30:00 она стает не доступна на это время только тому кто кликнул по ссылке. возможно данное действие записывать в таблицу и индифицировать по IP.

BuPy7 · 17.08.2014, 21:04

legio1milenium, в чём проблема?

@legio1milenium · 17.08.2014, 21:08 **[ТС]**

надо как то это в код написать )))

BuPy7 · 17.08.2014, 21:22

legio1milenium, ну дык: сел, руки на клаву, пишешь. В чём проблема-то?

@legio1milenium · 17.08.2014, 21:29 **[ТС]**

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

BuPy7 · 17.08.2014, 21:37

Не по теме:

legio1milenium, хочется кинуть в тебя учебником русского языка.

@legio1milenium · 17.08.2014, 21:56 **[ТС]**

Спасибо за бестолковую помощь. Ваши примеры ни чем не смогли помочь, согласно созданной теме. Ответы Ваши ничем не связаны в решении или помощи по данной теме. Если знаете пример как написать в код изложенного выше Напишите если конечно не жалко , а то подсказки типа “ руками по клавиатуре “ любой лузер напишет да и на счет русского языка он не является моим родным языком.

@amadey18 · 18.08.2014, 17:50

1)Через js отправляем post запрос в базу. (идентификация по ip, думаю тут проблем не будет)
2)Записать в базу данных дату клика
3)Высвечиваем таймер, тоже с помощью js
Если пользователь обновил страницу(при том что ссылка была уже нажата), через php сравниваем текущую дату с датой в базе, если текущая дата больше на 30 минут, то высвечиваем ссылку, иначе высвечиваем js таймер, если пользователь втыкал на таймер все время, то по окончании показываем ссылку.

@legio1milenium · 19.08.2014, 16:39 **[ТС]**

1 и 2 не продлема
подскажите как этот таймер переделать в формат отсчета не только в секундах а в формате 00:00:00(ч:м:с)

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script type="text/javascript">
function timer(){
var obj=document.getElementById('timer_inp');
obj.innerHTML--;
    if (obj.innerHTML==0)
    {
        alert('Hello');
        setTimeout(function(){},1000);
    }
     else 
    {
        setTimeout(timer,1000);
    }
}
setTimeout(timer,1000);
</script>

HTML5
1
<div>Осталось: <span id="timer_inp">100</span> сек.</div><br />

чтобы в span вcтавлять не секнyды отсчета а к примеру 00:30:00

@amadey18 · 19.08.2014, 17:51

legio1milenium, что то типо этого ссылка

@legio1milenium · 20.08.2014, 14:40 **[ТС]**

а как сделать чтобы несколько таймеров работало от того кода старт отсчета берутся стаблиц

@amadey18 · 20.08.2014, 15:59

legio1milenium, вызвать каждый таймер отдельно, если таймеров немного то это решит проблему, если же будет много, то нужно уже думать, как сделать функцию.

@legio1milenium · 20.08.2014, 16:06 **[ТС]**

будет много от 50 и более

@amadey18 · 20.08.2014, 16:10

JQuery countdown - плагин для таймеров.

@legio1milenium · 20.08.2014, 16:35 **[ТС]**

чет я там ни че не понял

@amadey18 · 20.08.2014, 16:41

legio1milenium, вот пример кода на плагине
но придется поиграть со стилями.

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
47
48
49
50
51
52
53
54
55
<html  xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>title</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="jquery-1.6.2.min.js"></script>
    <script type="text/javascript" src='jquery-1.8.2.js'></script>
<!-- подключаем библиотеки -->
    <link rel="stylesheet" type="text/css" href="jstim/jquery.countdown.css"> 
    <script type="text/javascript" src="jstim/jquery.plugin.js"></script> 
    <script type="text/javascript" src="jstim/jquery.countdown.js"></script>
    
</head>
 
<body>
 
 
<script type="text/javascript">
 
</script>
<div id="defaultCountdown"> наш таймер 1
</div>
 
<div id="defaultCountdown2"> таймер 2
</div>
 
 
 
 
 
<script type="text/javascript">
// первый таймер
var newYear = new Date(); 
newYear = new Date(newYear.getFullYear() + 1, 1 - 1, 1); 
$('#defaultCountdown').countdown({until: newYear}); 
 
$('#removeCountdown').click(function() { 
    var destroy = $(this).text() === 'Remove'; 
    $(this).text(destroy ? 'Re-attach' : 'Remove'); 
    $('#defaultCountdown').countdown(destroy ? 'destroy' : {until: newYear}); 
});
// второй таймер
var newYear1 = new Date(2014, 7, 20, 16, 0, 0, 0); 
$('#defaultCountdown2').countdown({until: newYear1}); 
 
$('#removeCountdown2').click(function() { 
    var destroy = $(this).text() === 'Remove'; 
    $(this).text(destroy ? 'Re-attach' : 'Remove'); 
    $('#defaultCountdown2').countdown(destroy ? 'destroy' : {until: newYear1}); 
});
 
 
</script>
 
</body>
</html>

@legio1milenium · 20.08.2014, 17:03 **[ТС]**

чет не то надо только формат 00:00:00(чч:мм:сс) , время отсчета получаем из базы ( в секундах к примеру 300 и перевожу в формат 00:05:00(чч:мм:сс) ) я уже с этой задачей торможу

@amadey18 · 20.08.2014, 17:05

legio1milenium,

JavaScript
1
$('#noDays').countdown({until: liftoffTime, format: 'HMS'});

чч:мм:сс
На том сайте что дал есть описание всех необходимых форматов, полазьте там.

@legio1milenium · 20.08.2014, 17:06 **[ТС]**

надо чтобы был простой без всяких там стилей и замороче к примеру красного цвета 00:45:45

@amadey18 · 20.08.2014, 17:13

legio1milenium, это уже чистая игра со стилями, посмотрите какие стили он использует и замените их.

CSS
1
2
3
4
.is-countdown {
    background-color: #fff;
    color: red;
}

Новые блоги и статьи Все статьи Все блоги /
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 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .

@legio1milenium 3 / 3 / 4 Регистрация: 04.02.2013 Сообщений: 214

	Таймер обратного отсчета 17.08.2014, 21:02. Показов 9064. Ответов 42 Метки нет (Все метки) Стоит такая задача есть несколько ссылок у которых необходимо задать разное время их показа к примеру у одно ссылке один раз через каждые 30 мин после клика по ссылке, у другой к примеру через 15 мин. после клика по ссылке. Тесть при клике на ссылку, ссылка пропадет, а на ее вместо запускается таймер обратного от счета к примеру 00:30:00 она стает не доступна на это время только тому кто кликнул по ссылке. возможно данное действие записывать в таблицу и индифицировать по IP. 0

BuPy7 Нет ТЗ - давай досвидания 746 / 377 / 64 Регистрация: 01.12.2011 Сообщений: 2,250 Записей в блоге: 6
	17.08.2014, 21:04
	legio1milenium, в чём проблема? 0

@legio1milenium 3 / 3 / 4 Регистрация: 04.02.2013 Сообщений: 214
	17.08.2014, 21:08 [ТС]
	надо как то это в код написать ))) 0

BuPy7 Нет ТЗ - давай досвидания 746 / 377 / 64 Регистрация: 01.12.2011 Сообщений: 2,250 Записей в блоге: 6
	17.08.2014, 21:22
	legio1milenium, ну дык: сел, руки на клаву, пишешь. В чём проблема-то? 0

@legio1milenium 3 / 3 / 4 Регистрация: 04.02.2013 Сообщений: 214
	17.08.2014, 21:29 [ТС]
	вопрос ты просто тему за хламляеш или чем то помочь хочеш, подсказать, пример показать или от дела нечего просто бред разный пописать решил? 0

BuPy7
	17.08.2014, 21:37
	Не по теме: legio1milenium, хочется кинуть в тебя учебником русского языка. 0

@legio1milenium 3 / 3 / 4 Регистрация: 04.02.2013 Сообщений: 214
	17.08.2014, 21:56 [ТС]
	Спасибо за бестолковую помощь. Ваши примеры ни чем не смогли помочь, согласно созданной теме. Ответы Ваши ничем не связаны в решении или помощи по данной теме. Если знаете пример как написать в код изложенного выше Напишите если конечно не жалко , а то подсказки типа “ руками по клавиатуре “ любой лузер напишет да и на счет русского языка он не является моим родным языком. 0

@amadey18 92 / 92 / 51 Регистрация: 29.04.2013 Сообщений: 361
	18.08.2014, 17:50
	1)Через js отправляем post запрос в базу. (идентификация по ip, думаю тут проблем не будет) 2)Записать в базу данных дату клика 3)Высвечиваем таймер, тоже с помощью js Если пользователь обновил страницу(при том что ссылка была уже нажата), через php сравниваем текущую дату с датой в базе, если текущая дата больше на 30 минут, то высвечиваем ссылку, иначе высвечиваем js таймер, если пользователь втыкал на таймер все время, то по окончании показываем ссылку. 0

@amadey18 92 / 92 / 51 Регистрация: 29.04.2013 Сообщений: 361
	19.08.2014, 17:51
	legio1milenium, что то типо этого ссылка 0

@legio1milenium 3 / 3 / 4 Регистрация: 04.02.2013 Сообщений: 214
	20.08.2014, 14:40 [ТС]
	а как сделать чтобы несколько таймеров работало от того кода старт отсчета берутся стаблиц 0

@amadey18 92 / 92 / 51 Регистрация: 29.04.2013 Сообщений: 361
	20.08.2014, 15:59
	legio1milenium, вызвать каждый таймер отдельно, если таймеров немного то это решит проблему, если же будет много, то нужно уже думать, как сделать функцию. 0

@legio1milenium 3 / 3 / 4 Регистрация: 04.02.2013 Сообщений: 214
	20.08.2014, 16:06 [ТС]
	будет много от 50 и более 0

@amadey18 92 / 92 / 51 Регистрация: 29.04.2013 Сообщений: 361
	20.08.2014, 16:10
	JQuery countdown - плагин для таймеров. 0

@legio1milenium 3 / 3 / 4 Регистрация: 04.02.2013 Сообщений: 214
	20.08.2014, 16:35 [ТС]
	чет я там ни че не понял 0

@legio1milenium 3 / 3 / 4 Регистрация: 04.02.2013 Сообщений: 214
	20.08.2014, 17:03 [ТС]
	чет не то надо только формат 00:00:00(чч:мм:сс) , время отсчета получаем из базы ( в секундах к примеру 300 и перевожу в формат 00:05:00(чч:мм:сс) ) я уже с этой задачей торможу 0

@legio1milenium 3 / 3 / 4 Регистрация: 04.02.2013 Сообщений: 214
	20.08.2014, 17:06 [ТС]
	надо чтобы был простой без всяких там стилей и замороче к примеру красного цвета 00:45:45 0