Кнопка с обратным отсчетом и редиректом

@c_zurab · Регистрация: 23.03.2015

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

Здравствуйте...
Пожалуйста помогите. Нужна кнопка с таймером обратного отсчета.

Хочу сделать кнопку с редиректом на другой сайт (_blanck).
После нажатия должна пойти обратный отсвет, скажем 5ть минут. В течение этого времени кнопка будет неактивна. Истечением этого времени кнопка станет активно и можно будет нажать на нее снова и перейти на тот сайт (_blanck), а таймер заново включиться

p.s.
есть один маленький нюанс. при начальном открытие страницы кнопка должна быть активна... после первого нажатия должен начаться отсчет и по кругу.

Можно такое реализовать?
Нашел несколько кодов с кнопками обратного отсчета, но все не то.
Очень надеюсь что тут поможете.

Буду весьма благодарен...
Заранее спасибо всем...

@kalabuni · 23.03.2015, 14:13

уточните задачу:
итак, имеется изначально активная (т.е. доступная для нажатия) с какой-то надписью (какой именно?)

когда юзер нажмёт на эту кнопку, кнопка должна стать неактивной (недоступной для нажатия)
надпись на кнопке должна измениться? на какую именно?

через 5 минут кнопка снова становится активной (доступной для нажатия)
должна ли измениться надпись? на какую именно?
сколько конкретно времени после этого кнопка должна оставаться активной?

@c_zurab · 23.03.2015, 14:27 **[ТС]**

Спасибо за отклик...

1. имеется изначально кнопка активна, т.е. доступна для нажатия. Ну надпись скажем Start

2. когда юзер нажмёт на эту кнопку, кнопка должна стать неактивной, недоступной для нажатия (а юзеру должно открыться окно в фоновом режиме сайта скажем - www.test.com. Надпись Wait + таймер обратного отсчета (5ть минут) // Wait 4m. 59s. // Wait 4m. 58s. // Wait 4m. 57s. и т.д.

3. После окончания таймера "Wait столько то столько", кнопка становиться активной, доступной для нажатия - с надписью опять же Start. Кнопка должна оставаться активной до момента пока не нажмут на нее.

4. После нажатия юзером заново на кнопку, все должно повториться с пункта 2.

Надеюсь разъяснил все что вы спрашивали...

Очень прошу помогите с этой задачей...

@kalabuni · 23.03.2015, 16:13

кнопку сделать можно, а вот окно, да ещё в фоновом режиме - это проблематично:

в настройках браузера у юзера может быть выбрано "вместо окон открывать вкладки" и "переключаться на открываемую вкладку", т.е. отмечены галочками самый верхний и самый нижний чекбоксы (см. https://support.mozilla.org/ru... ry-vkladok)

@c_zurab · 23.03.2015, 16:36 **[ТС]**

дико извиняюсь, я именно вкладку то и имел введу.
после нажатия на кнопку, в браузере открывалась новая вкладка (желательно в фоновом режиме)

@kalabuni · 23.03.2015, 16:56

Сообщение от c_zurab

я именно вкладку то и имел введу.
после нажатия на кнопку, в браузере открывалась новая вкладка (желательно в фоновом режиме)

в javascript'e существует только один метод window.open (), а что именно он откроет - (окно или вкладку), и в каком режиме (переключится на неё или не переключится) зависит от настроек конкретного браузера -- ссылку выше я давал, неужто ничего не поняли?
если у вас проблемы с английским, то см. рисунок с русским текстом

@c_zurab · 23.03.2015, 17:09 **[ТС]**

я то все понял, может я не смог правильно объяснить.
вот когда вы заходите на какой нибудь сайт и нажимайте на ссылку, а она открывается у вас в новой вкладке.
разве нельзя такую функцию для кнопки сделать?

@kalabuni · 23.03.2015, 17:15

я вам уже написал, что кнопку сделать - не проблема

только вот когда откроется у вас новая вкладка и браузер на неё фокус перебросит - не обессудьте, я вас предупреждал

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var W;
function myFunc ()
{
var o = document.getElementById ('myBtn');
o.disabled = 1; o.value = 'Wait 5m.';
W = window.open ('http://www.test.com', '_blank'); // где откроется и в каком режиме - зависит от настроек конкретного браузера
myTimer ();
 
   function myTimer ()
   {
   var w = o.value.split ('Wait ') [1],
       t = 60 * parseInt (w) - 1 + ((w.indexOf ('m. ') != -1) ? parseInt (w.split ('m. ') [1]) : 0),
       m = Math.floor (t / 60),
       s = t % 60;
   if (t) {o.value = 'Wait ' + m + 'm.' + (s ? (' ' + s + 's.') : ''); setTimeout (myTimer, 1000)}
   else {o.value = 'Start'; o.disabled = 0; if (!W.closed) W.close ()}
   }
}

HTML5
1
<body><input type="button" id="myBtn" value="Start" onclick="myFunc ()">

@c_zurab · 23.03.2015, 17:21 **[ТС]**

ОГРОМНОЕ ВАМ СПАСИБО... КАКОЙ ТАМ ОБЕСУЙТЕ. ВСЕ РАБОТАЕТ КАК НАДО.
не принимайте как наглость, но не могли бы вы объяснить где меняется время на таймер? скажем если я хочу поставить пол часа или час или 2 часа?
если конечно не затруднит вас.

P.S.
сайт открывается не в фоновом окне )) можно это исправить?

@kalabuni · 23.03.2015, 17:35

строка #5 кода o.disabled = 1; o.value = 'Wait 5m.'; - это 5 минут
напишете o.disabled = 1; o.value = 'Wait 120m.'; -- будет два часа

Сообщение от c_zurab

сайт открывается не в фоновом окне )) можно это исправить?

поясняю в последний раз, ибо скоро от смеха помру

в настройках вашего браузера у вас отмечено - переключать фокус на открываемое окно/вкладку
если в настройках снимете эту отметку - новая вкладка откроется в фоновом режиме

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

что именно отмечено в браузерах других пользователей, ни вы, ни я не знаем -- у части юзеров откроется вообще в новом окне, а не во вкладке, у кого-то в фоновом режиме, а у кого-то (как у вас) браузер перекинет фокус на эту вкладку -- и это изменить никак нельзя

@c_zurab · 23.03.2015, 17:38 **[ТС]**

Еще раз огромное вам спасибо.
Теперь наконец то дошло насчет фонового режима )))
Извините что замучил. СПАСИБО...........

@c_zurab · 30.04.2015, 11:22 **[ТС]**

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

Добавлено через 2 минуты
и еще огромная проблема, которую не могу никак понять. после перехода на сайт, часто она сама закрываеться. может конфликт с моим java?

@alexsamos33 · 30.04.2015, 22:59

и еще огромная проблема, которую не могу никак понять. после перехода на сайт, часто она сама закрываеться. может конфликт с моим java?

Чтобы не закрывалось - убери этот код:

JavaScript
16
if (!W.closed) W.close ()

Новые блоги и статьи Все статьи Все блоги /
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .	Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .

@c_zurab 0 / 0 / 0 Регистрация: 23.03.2015 Сообщений: 7

	Кнопка с обратным отсчетом и редиректом 23.03.2015, 13:37. Показов 6002. Ответов 12 Метки нет (Все метки) Здравствуйте... Пожалуйста помогите. Нужна кнопка с таймером обратного отсчета. Хочу сделать кнопку с редиректом на другой сайт (_blanck). После нажатия должна пойти обратный отсвет, скажем 5ть минут. В течение этого времени кнопка будет неактивна. Истечением этого времени кнопка станет активно и можно будет нажать на нее снова и перейти на тот сайт (_blanck), а таймер заново включиться p.s. есть один маленький нюанс. при начальном открытие страницы кнопка должна быть активна... после первого нажатия должен начаться отсчет и по кругу. Можно такое реализовать? Нашел несколько кодов с кнопками обратного отсчета, но все не то. Очень надеюсь что тут поможете. Буду весьма благодарен... Заранее спасибо всем... 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	23.03.2015, 14:13
	уточните задачу: итак, имеется изначально активная (т.е. доступная для нажатия) с какой-то надписью (какой именно?) когда юзер нажмёт на эту кнопку, кнопка должна стать неактивной (недоступной для нажатия) надпись на кнопке должна измениться? на какую именно? через 5 минут кнопка снова становится активной (доступной для нажатия) должна ли измениться надпись? на какую именно? сколько конкретно времени после этого кнопка должна оставаться активной? 0

@c_zurab 0 / 0 / 0 Регистрация: 23.03.2015 Сообщений: 7
	23.03.2015, 14:27 [ТС]
	Спасибо за отклик... 1. имеется изначально кнопка активна, т.е. доступна для нажатия. Ну надпись скажем Start 2. когда юзер нажмёт на эту кнопку, кнопка должна стать неактивной, недоступной для нажатия (а юзеру должно открыться окно в фоновом режиме сайта скажем - www.test.com. Надпись Wait + таймер обратного отсчета (5ть минут) // Wait 4m. 59s. // Wait 4m. 58s. // Wait 4m. 57s. и т.д. 3. После окончания таймера "Wait столько то столько", кнопка становиться активной, доступной для нажатия - с надписью опять же Start. Кнопка должна оставаться активной до момента пока не нажмут на нее. 4. После нажатия юзером заново на кнопку, все должно повториться с пункта 2. Надеюсь разъяснил все что вы спрашивали... Очень прошу помогите с этой задачей... 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	23.03.2015, 16:13
	кнопку сделать можно, а вот окно, да ещё в фоновом режиме - это проблематично: в настройках браузера у юзера может быть выбрано "вместо окон открывать вкладки" и "переключаться на открываемую вкладку", т.е. отмечены галочками самый верхний и самый нижний чекбоксы (см. https://support.mozilla.org/ru... ry-vkladok) 0

@c_zurab 0 / 0 / 0 Регистрация: 23.03.2015 Сообщений: 7
	23.03.2015, 16:36 [ТС]
	дико извиняюсь, я именно вкладку то и имел введу. после нажатия на кнопку, в браузере открывалась новая вкладка (желательно в фоновом режиме) 0

@c_zurab 0 / 0 / 0 Регистрация: 23.03.2015 Сообщений: 7
	23.03.2015, 17:09 [ТС]
	я то все понял, может я не смог правильно объяснить. вот когда вы заходите на какой нибудь сайт и нажимайте на ссылку, а она открывается у вас в новой вкладке. разве нельзя такую функцию для кнопки сделать? 0

@c_zurab 0 / 0 / 0 Регистрация: 23.03.2015 Сообщений: 7
	23.03.2015, 17:21 [ТС]
	ОГРОМНОЕ ВАМ СПАСИБО... КАКОЙ ТАМ ОБЕСУЙТЕ. ВСЕ РАБОТАЕТ КАК НАДО. не принимайте как наглость, но не могли бы вы объяснить где меняется время на таймер? скажем если я хочу поставить пол часа или час или 2 часа? если конечно не затруднит вас. P.S. сайт открывается не в фоновом окне )) можно это исправить? 0

@c_zurab 0 / 0 / 0 Регистрация: 23.03.2015 Сообщений: 7
	23.03.2015, 17:38 [ТС]
	Еще раз огромное вам спасибо. Теперь наконец то дошло насчет фонового режима ))) Извините что замучил. СПАСИБО........... 0

@c_zurab 0 / 0 / 0 Регистрация: 23.03.2015 Сообщений: 7
	30.04.2015, 11:22 [ТС]
	здравствуйте. довольно неплохо работал таймер до недавних пор. дело в том что недавно заметил что таймер бежит вперед. т.е. когда ставим 1 минуту и в это время кнопка неактивна после перехода, она активируется после 50ти секунд, а не через 1 минуту. до этого все работало нормально. я засек время и на самом деле таймер бежит вперед. не подскажите в чем может быть причина? Добавлено через 2 минуты и еще огромная проблема, которую не могу никак понять. после перехода на сайт, часто она сама закрываеться. может конфликт с моим java? 0