他の関数で呼び出されたclearIntervalを使用して関数から呼び出されたsetIntervalを停止する方法

Question

こんにちは、私は停止することができますsetIntervalは、他の関数で呼び出されたclearIntervalを使用して関数から呼び出されますか？

私は同じ機能を使用してxをクリックしてポップアップウィンドウを閉じるため、ポップアップウィンドウを閉じてタイマーを停止したいので、機能的にはsetIntervalを使用する必要があります。

JS：

function onlinechat(id) { 
     $.ajax({ 
      .... 
      success: function(data){ 
       $(".myclass").append(data); 
       var stopChat = window.setInterval(function() { 
        loadmore(id); 
       }, 2500); 
      } 
     });  
    return false; 
} 

function loadmore(id){ 
    ..... 
} 

function close_online_chat(){ 
    $('.lobibox-window').hide(); 
    clearInterval(stopChat); 
} 

HTML：

<div class="lobibox-window"> 
    <div class="lobibox-header"> 
     <span class="btn-close" onclick="close_online_chat();return false;">×</span> 
    </div> 
    <div class="lobibox-body" style="height: 510px;"> 
     <div class="myclass"></div> 
    </div> 
</div> 

Answer 1

あなたが最初のグローバル変数として変数を定義する必要があります。

var stopChat; //define as global variable 
function onlinechat(id) { 
     $.ajax({ 
      .... 
      success: function(data){ 
       $(".myclass").append(data); 
       //don't use var here 
       stopChat = window.setInterval(function() { 
        loadmore(id); 
       }, 2500); 
      } 
     });  
    return false; 
} 

function loadmore(id){ 
    ..... 
} 

function close_online_chat(){ 
    $('.lobibox-window').hide(); 
    clearInterval(stopChat); 
}