Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.05.2015, 18:30
Аватар для Babyslam
Интересующийся
Отправить личное сообщение для Babyslam Посмотреть профиль Найти все сообщения от Babyslam
 
Регистрация: 25.02.2015
Сообщений: 26

Таймер JQuery
День добрый,не нашел похожей темы.
Не работает таймер при добавлении в него кнопки остановки.
Таймер должен обновляться,пока кнопка не будет нажата.
<div>Осталось: <span id="timer_inp">5</span> сек.</div>
<input type="button" value="Прекратить Отсчет!" class="next" />
<script>
$( document ).ready(function() {
function timer()
{
var obj=document.getElementById('timer_inp');
obj.innerHTML--;
 
    if (obj.innerHTML==0){
        timer_inp.innerHTML=5;
        setTimeout(timer,1000);
    } else {
        setTimeout(timer,1000);
    }
}
setTimeout(timer,1000);
//при удалении этой функции таймер работает,кнопка нужна для остановки таймера. 
$('.next').click(function() {
var = t;
t = setTimeout(timer(),1000);
clearTimeout(t);
                });
});
Ответить с цитированием
  #2 (permalink)  
Старый 06.05.2015, 18:34
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

Babyslam,
Рекомендую открыть учебник и почитать про setTimeout ещё раз, и надо смотреть на функцию timer
Ответить с цитированием
  #3 (permalink)  
Старый 07.05.2015, 16:25
Аватар для Babyslam
Интересующийся
Отправить личное сообщение для Babyslam Посмотреть профиль Найти все сообщения от Babyslam
 
Регистрация: 25.02.2015
Сообщений: 26

Таймер с остановкой,может кому-нибудь пригодиться.
<div>Осталось: <span id="timer_inp">5</span> сек.</div>
<input class="stop" type="button" value="Прекратить Отсчет!"  />
<script>var MyTimer; 
var Tstop = $('.stop');
var stopTimer;

//Запуск таймера
$(document).ready(function() { 
MyTimer = setTimeout(timer,1000);
stopTimer = setTimeout(stopTimer, 1000);   
});
//функция таймера
function timer()
{
var obj=document.getElementById('timer_inp');
obj.innerHTML--;
    if (obj.innerHTML==0){
        timer_inp.innerHTML=5;
    } 
 MyTimer = setTimeout(timer,1000);
}
//стоп таймер
Tstop.click(function stopTimer(){
 clearTimeout(MyTimer); 
});
</script>
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Динамический подсчет в таблице muraig jQuery 5 11.10.2014 16:54
Обновляемый таймер на javascript smillyhamster Общие вопросы Javascript 1 31.12.2013 10:30
хочу инвайт на хабр macdack Оффтопик 45 28.07.2013 23:18
Вопрос поддержки старых методов jQuery antonM jQuery 1 04.10.2012 00:08
Таймер для слайдера (jQuery) RamPi Events/DOM/Window 0 23.05.2011 14:52