JS таймер обратного отчета

Discussion in 'PHP' started by Romaxa55, 20 Aug 2010.

  1. Romaxa55

    Romaxa55 Banned

    Joined:
    19 Oct 2005
    Messages:
    144
    Likes Received:
    30
    Reputations:
    4
    Ребята подскажите как создать кнопку html формы
    обычную
    только использовать js таймера. Т.е. При входе на страницу, отображается кнопка с таймером и по истечению к примеру 10 секунд она становится активной для нажатия.
     
  2. Darth Padla

    Darth Padla Member

    Joined:
    21 Jun 2010
    Messages:
    141
    Likes Received:
    25
    Reputations:
    8
    Code:
    <script>
    var cansubmit=0;
    var sekond=10;
    idinterval=setInterval("timerr();",1000);
    function submitform(){
        if(cansubmit==0){
           return false;
        }else{
           return true;
        }
    }
    function timerr(){
         if(sekond>0){
              sec.submit.value="Осталось "+sekond+" секунд";
    		  sekond--;
         }else{
              sec.submit.value="ВХОД";
              cansubmit=1;
        }
    }
    </script>
    <form name="sec" action="go.php" method="post" onsubmit="return submitform();">
    <p align="center"><input class="sbuttom" type="submit" name="submit" value="ВХОД"></p>
    </form>
    Вот,кривой косой скрипт,но работает. кроссбраузерный.
     
    1 person likes this.
  3. Romaxa55

    Romaxa55 Banned

    Joined:
    19 Oct 2005
    Messages:
    144
    Likes Received:
    30
    Reputations:
    4
    Спасибо огромное работает на уроа вот токо если нажать на кнопку пока тикает таймер пройдет запрос. подскажите что добавить что бы кнопка не была доступна для нажатия пока идет таймер...
     
  4. SHiNiGaMi

    SHiNiGaMi Banned

    Joined:
    3 Jan 2010
    Messages:
    382
    Likes Received:
    55
    Reputations:
    15
    добавь в начале функции document.form_timer.submit.disabled = true;
    а в конце
    document.form_timer.submit.disabled = false;
     
    1 person likes this.
  5. Romaxa55

    Romaxa55 Banned

    Joined:
    19 Oct 2005
    Messages:
    144
    Likes Received:
    30
    Reputations:
    4
    Спаибо братишк, немного потыркался чет так и не получается ткните пальцем =)
     
  6. Darth Padla

    Darth Padla Member

    Joined:
    21 Jun 2010
    Messages:
    141
    Likes Received:
    25
    Reputations:
    8
    <form name="sec" action="go.php" method="post" onsubmit="return submitform();">
     
  7. Romaxa55

    Romaxa55 Banned

    Joined:
    19 Oct 2005
    Messages:
    144
    Likes Received:
    30
    Reputations:
    4
    Робит сбасибо бро тему моно закрывать!!!!