Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.10.2018, 17:30
Новичок на форуме
Отправить личное сообщение для zikworld Посмотреть профиль Найти все сообщения от zikworld
 
Регистрация: 13.07.2011
Сообщений: 7

Interval + click
Когда нажимаешь на кнопку REFRESH она крутится и покадгружает php если еще раз нажать - все останавливается

При многократном нажатии на кнопку REFRESH она начинает ускоряться хотя я не пойму почему. перепробовал много вариантов

У меня предположение что надо остановить как то функцию при втором нажатии а не останавливаю вот оно и стакается





<div id="cont"></div>


<img class='svrefresh' src="refresh.png" />

<script type="text/javascript">


var st = 0;
var angle = 0;

$('.svrefresh').click(function() {

if(st==0){

int = setInterval(function() { // запускаем интервал
show();
st = 1;

angle+=10;
$(".svrefresh").css({"transform": "rotate("+angle+"deg)"});

}, 1000);
}



if(st==1){
clearInterval(int);
st = 0;
}

function show(){
    
    $.ajax({
        url: 'ajax.php',
        cache: false,
        success: function(html){
            $('#cont').html(html);
        }

    });

}
    
});




</script>
Ответить с цитированием
  #2 (permalink)  
Старый 18.10.2018, 12:32
Аватар для SuperZen
Профессор
Отправить личное сообщение для SuperZen Посмотреть профиль Найти все сообщения от SuperZen
 
Регистрация: 08.11.2017
Сообщений: 642

<div id="cont"></div>
<img class='svrefresh' src="refresh.png" />
<script type="text/javascript">
  var int = null
  var angle = 0;
  $('.svrefresh').click(function () {
    // если есть int значит мы уже нажимали кнопку
    // тогда удалим текущий интервал
    int && clearInterval(int)
    int = setInterval(function () { // запускаем интервал
      show();
      angle += 10;
      $(".svrefresh").css({ "transform": "rotate(" + angle + "deg)" });
    }, 1000);

    function show() {
      $.ajax({
        url: 'ajax.php',
        cache: false,
        success: function (html) {
          $('#cont').html(html);
        }
      });
    }
  });
</script>
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
js события click во фрейме. Brick Javascript под браузер 0 10.08.2018 00:43
Как по событию click function запустить lightbox функцию? cheizer jQuery 0 05.01.2018 00:09
draggable (запрет click для родителей компонента) khusamov ExtJS 5 13.04.2015 11:45
Заменить свойство click на hover, как? denjer Events/DOM/Window 1 06.09.2012 13:28
live click выполняется несколько раз hara jQuery 9 09.06.2010 10:58