함수가 실행되었는지 확인하는 방법

Question

javascript를 사용하여 로더/스피너를 만들었습니다. 방적 기능은 모든 공정이 끝날 때까지 작동합니다.

나는 회 전자를 멈추는 기능이있다. 오류가 발생하면이 중지 기능이 실행되지 않습니다.

누구든지 정지 기능이 실행되었는지 여부를 확인하고 제한 시간이 지나면 회전 기능이 종료되지 않았는지 알릴 수 있습니까?

자바 스크립트 코드의 조각 : 당신이 할 수

function loaderstart() 
{ 
    var x = document.getElementById("loader"); 
    var xx = document.getElementById("img"); 
    x.style.display = "block"; 
    xx.style.display = "block"; 

    setTimeout(function(){ 
     if(loaderstop() != true){ 
      alert("check your network connection"); 
     } 
    },10000); 
} 

function loaderstop() 
{ 
    var y = document.getElementById("loader"); 
    var yy = document.getElementById("img"); 
    y.style.display = "none"; 
    yy.style.display = "none"; 
    return true; 
} 

Answer 1

하나의 간단한 방법은 설정 및 글로벌 부울 변수를 확인하는 것입니다. 변수에

var hasStopped = false; 
function loaderstart() 
{ 
var x = document.getElementById("loader"); 
var xx = document.getElementById("img"); 
x.style.display = "block"; 
xx.style.display = "block"; 
setTimeout(function(){if(!hasStopped){alert("check your network connection");}},10000);  
} 

function loaderstop() 
{ 
hasStopped = true; 
var y = document.getElementById("loader"); 
var yy = document.getElementById("img"); 
y.style.display = "none"; 
yy.style.display = "none"; 
return true; 
} 

Answer 2

저장 시간 제한 ID 및 loaderstop 내부를 확인 : 당신의 2 funciton 내부로 1 라인

var TO = 0; 

function loaderstart() { 
    var x = document.getElementById("loader"); 
    var xx = document.getElementById("img"); 
    x.style.display = "block"; 
    xx.style.display = "block"; 

    TO = window.setTimeout(function(){ 
     alert("check your network connection"); 
    }, 10000);  
} 

function loaderstop() 
{ 
    var y = document.getElementById("loader"); 
    var yy = document.getElementById("img"); 
    y.style.display = "none"; 
    yy.style.display = "none"; 

    if (TO) { 
     window.clearTimeout(TO); 
    } 

    return true; 
} 

window.clearTimeout()