jQuery продолжается, даже если пользователь покинул страницу

Question

Я хочу создать страницу, на которой выполняется сценарий jQuery, когда пользователь попадает на страницу и выполняется запрос, даже если пользователь покидает страницу или закрывает браузер. Это возможно?

if(localStorage.getItem("counter")){ 
    if((localStorage.getItem("counter") >= 300) || (localStorage.getItem("counter") <= 0)){ 
    var value = 300; 
    }else{ 
    var value = localStorage.getItem("counter"); 
    } 
}else{ 
    var value = 300; 
} 
document.getElementById('divCounter').innerHTML = value; 

var counter = function(){ 
    if(value <= 0){ 
    localStorage.setItem("counter", 0); 
    value = 0; 
    $(".exit").trigger("click"); 
    }else{ 
    value = parseInt(value)-1; 
    localStorage.setItem("counter", value); 
    } 
    document.getElementById('divCounter').innerHTML = value; 
}; 

var interval = setInterval(function(){counter();}, 1000); 

Это мой сценарий. Для более подробной информации, это обратный отсчет от 300, который, когда пользователь попадает на страницу, начинается, и я хочу сделать так, как будто он работает, даже если пользователь покинул страницу до получения 0.

Answer 1

Я смею ответить на ваш вопрос и тем не менее надеюсь, что это поможет вам. Нет возможности запустить этот js-код после закрытия этой вкладки, но вы можете вспомнить время, когда пользователь покинул ваш сайт, установив time_leave, который устанавливается на каждом интервале и когда пользователь покидает ваш сайт, используя onbeforeunload :

var value; 
if (localStorage.getItem('counter')) { 
    if ((localStorage.getItem('counter') >= 300) || (localStorage.getItem('counter') <= 0)) { 
    value = 300; 
    } else { 
    value = getElaspedTime(); 
    } 
} else { 
    value = 300; 
} 

document.getElementById('divCounter').innerHTML = value; 

var counter = function() { 
    if (value <= 0) { 
    localStorage.setItem('counter', 0); 
    value = 0; 
    //$('.exit').trigger('click'); 
    } else { 
    value = parseInt(value) - 1; 
    localStorage.setItem('counter', value); 
    } 
    document.getElementById('divCounter').innerHTML = value; 
    // set "departure"-time 
    localStorage.setItem('time_leave', (new Date()).getTime()); 
}; 

function getElaspedTime() { 
    var now = new Date(); 
    var timeLeft = + localStorage.getItem('time_leave'); 
    timeLeft = new Date(timeLeft); 
    var passedSecs = (now.getTime() - timeLeft.getTime())/1000; 
    return parseInt(localStorage.getItem('counter')) - parseInt(passedSecs); 
} 

window.onbeforeunload = function(){ 
    // set "departure"-time when user closes the tap 
    localStorage.setItem('time_leave', (new Date()).getTime()); 
}; 

var interval = setInterval(function() { 
    counter(); 
}, 1000);