Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.03.2015, 11:14
Новичок на форуме
Отправить личное сообщение для c_zurab Посмотреть профиль Найти все сообщения от c_zurab
 
Регистрация: 23.03.2015
Сообщений: 2

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

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

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

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

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

Последний раз редактировалось c_zurab, 23.03.2015 в 11:20.
Ответить с цитированием
  #2 (permalink)  
Старый 23.03.2015, 16:34
Профессор
Отправить личное сообщение для Decode Посмотреть профиль Найти все сообщения от Decode
 
Регистрация: 31.01.2015
Сообщений: 576

Если я правильно понял:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <button>Button</button>

  <script>
    var button = document.getElementsByTagName('button')[0];

    button.addEventListener('click', function() {
      window.open('http://ya.ru', '_blank');
      this.setAttribute('disabled', 'true');
      setTimeout(function() {
        button.removeAttribute('disabled');
      }, 5000);
    });
  </script>
</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 30.04.2015, 12:15
Новичок на форуме
Отправить личное сообщение для c_zurab Посмотреть профиль Найти все сообщения от c_zurab
 
Регистрация: 23.03.2015
Сообщений: 2

решение подсказали на другом форуме
<script type="text/javascript">
var W;
function BitcoinFunc1 ()
{
var o = document.getElementById ('BitcoinBtn1');
o.disabled = 1; o.value = 'Wait 60m.';
W = window.open ('http://yandex.ru', '_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, 800)}
   else {o.value = 'Start'; o.disabled = 0; if (!W.closed) W.close ()}
   }
}
</script>


<input class="btn btn-large" type="button" id="BitcoinBtn1" value="Start" onclick="BitcoinFunc1()">


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

может поможете подправить?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не работает кнопка "Наверх" dle 9.3 dunek_ Opera, Safari и др. 1 25.05.2013 18:26
Кнопка с запросом Logo424 Javascript под браузер 12 20.05.2013 19:29
Появляющаяся/исчезающая кнопка при прокрутке страницы MailRes Элементы интерфейса 2 22.06.2011 11:49
Кнопка с отсчетом времени до нажатия forroboform Элементы интерфейса 3 02.04.2011 13:55
Кнопка onclick=javascript:location в новом окне Nikola Общие вопросы Javascript 7 13.11.2010 11:16