[JQUERY] 정지하여 setInterval

정지하여 setInterval

해결법

1. ---

   1.이 같은 사항 clearInterval ()를 사용 후, 클릭 처리기의 범위 내에서 변수에 setInterval을의 반환 값을 설정해야합니다 :

   이 같은 사항 clearInterval ()를 사용 후, 클릭 처리기의 범위 내에서 변수에 setInterval을의 반환 값을 설정해야합니다 :

   var interval = null;
   $(document).on('ready',function(){
       interval = setInterval(updateDiv,3000);
   });
   
   function updateDiv(){
       $.ajax({
           url: 'getContent.php',
           success: function(data){
               $('.square').html(data);
           },
           error: function(){
               clearInterval(interval); // stop the interval
               $.playSound('oneday.wav');
               $('.square').html('<span style="color:red">Connection problems</span>');
           }
       });
   }
   

2. ---

   2.변수를 사용하고 중지 할 사항 clearInterval을 호출합니다.

   변수를 사용하고 중지 할 사항 clearInterval을 호출합니다.

   var interval;
   
   $(document).on('ready',function()
     interval = setInterval(updateDiv,3000);
     });
   
     function updateDiv(){
       $.ajax({
         url: 'getContent.php',
         success: function(data){
           $('.square').html(data);
         },
         error: function(){
           $.playSound('oneday.wav');
           $('.square').html('<span style="color:red">Connection problems</span>');
           // I want to stop it here
           clearInterval(interval);
         }
       });
     }
   

3. ---

   3.당신은 변수에 setInterval을 함수의 반환 값을 할당해야

   당신은 변수에 setInterval을 함수의 반환 값을 할당해야

   var interval;
   $(document).on('ready',function(){
       interval = setInterval(updateDiv,3000);
   });
   

   후 다시 취소 사항 clearInterval (간격)를 사용합니다.

4. ---

   4.사용이 나는 희망 도움을 당신에게

   사용이 나는 희망 도움을 당신에게

   var interval;
   
   function updateDiv(){
       $.ajax({
           url: 'getContent.php',
           success: function(data){
               $('.square').html(data);
           },
           error: function(){
               /* clearInterval(interval); */
               stopinterval(); // stop the interval
               $.playSound('oneday.wav');
               $('.square').html('<span style="color:red">Connection problems</span>');
           }
       });
   }
   
   function playinterval(){
     updateDiv(); 
     interval = setInterval(function(){updateDiv();},3000); 
     return false;
   }
   
   function stopinterval(){
     clearInterval(interval); 
     return false;
   }
   
   $(document)
   .on('ready',playinterval)
   .on({click:playinterval},"#playinterval")
   .on({click:stopinterval},"#stopinterval");
   

5. ---

   5.우리는 쉽게 명확 간격을 호출하여 설정 간격을 중지 할 수 있습니다

   우리는 쉽게 명확 간격을 호출하여 설정 간격을 중지 할 수 있습니다

   var count = 0 , i = 5;
   var vary = function intervalFunc() {
     count++;
         console.log(count);
       console.log('hello boy');  
       if (count == 10) {
         clearInterval(this);
       }
   }
   
     setInterval(vary, 1500);
   

6. ---

   6.VAR의 flasher_icon = 함수 (OBJ) { VAR classToToggle = obj.classToToggle; VAR ELEM = obj.targetElem; VAR 한때 = obj.speed; VAR halfFlash = 일회용 / 2; VAR을 totalTime = obj.flashingTimes * 일회용; VAR하여 setInterval 간격 = (함수 () { elem.addClass (classToToggle); 에서는 setTimeout (함수 () { elem.removeClass (classToToggle); } halfFlash); }, 한 번); 에서는 setTimeout (함수 () { 됨 clearInterval (간격); }, 총 시간); }; {(flasher_icon targetElem : $ ( '# 아이콘 단계-1-V1'), flashingTimes : 3, classToToggle 'flasher_icon' 속도 : 500 }); .steps-아이콘 { 배경 : # d8d8d8; 색상 : # 000; 폰트 크기 : 픽셀,; 패딩 : 15 픽셀; 경계 반경 : 50 %; 여백 : 5px; 커서 : 포인터; } .flasher_icon { 색상 : #fff; 배경 : # 820000 중요한;! 패딩 바닥 : 15 픽셀 중요한;! 패딩 탑 : 15 픽셀 중요한;! } <스크립트 SRC = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> <링크 HREF = "https://fonts.googleapis.com/icon?family=Material+Icons"REL = "스타일"> 알람

   VAR의 flasher_icon = 함수 (OBJ) { VAR classToToggle = obj.classToToggle; VAR ELEM = obj.targetElem; VAR 한때 = obj.speed; VAR halfFlash = 일회용 / 2; VAR을 totalTime = obj.flashingTimes * 일회용; VAR하여 setInterval 간격 = (함수 () { elem.addClass (classToToggle); 에서는 setTimeout (함수 () { elem.removeClass (classToToggle); } halfFlash); }, 한 번); 에서는 setTimeout (함수 () { 됨 clearInterval (간격); }, 총 시간); }; {(flasher_icon targetElem : $ ( '# 아이콘 단계-1-V1'), flashingTimes : 3, classToToggle 'flasher_icon' 속도 : 500 }); .steps-아이콘 { 배경 : # d8d8d8; 색상 : # 000; 폰트 크기 : 픽셀,; 패딩 : 15 픽셀; 경계 반경 : 50 %; 여백 : 5px; 커서 : 포인터; } .flasher_icon { 색상 : #fff; 배경 : # 820000 중요한;! 패딩 바닥 : 15 픽셀 중요한;! 패딩 탑 : 15 픽셀 중요한;! } <스크립트 SRC = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> <링크 HREF = "https://fonts.googleapis.com/icon?family=Material+Icons"REL = "스타일"> 알람

from https://stackoverflow.com/questions/16437173/stop-setinterval by cc-by-sa and MIT license