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

@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 ()

Новые блоги и статьи Все статьи Все блоги /
сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	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 законам Кирхгофа и. . .

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

	Кнопка с обратным отсчетом и редиректом 23.03.2015, 13:37. Показов 5970. Ответов 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