Тема: Interval + click
Показать сообщение отдельно
  #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>
Ответить с цитированием