Как отменить функцию если закрыть вкладку браузера?

Question

[Thomek]

Как сделать так, если закрыть только что открытую вкладку когда таймер еще не закончился, тогда бонус не выдается и появляется document.title=“Ошибка"; ?!

<script>
$('.mav_bonus_item').click(function(event) {
    var el = $(this);
    var sec = 5;
    var timer = $('.timer');
    timerId = setTimeout(
        function tick() {
            document.title = ' '+sec+' - Ждите';
            timer.html(sec);
            if(!sec){
                clearTimeout(timerId);
                document.title="Бонус получен!";
                
            }
            else{
                sec--;
                timerId = setTimeout(tick, 1000);
                
            }
            
        }, 1000
        );
        setTimeout(function() {
            el.html('<div class=""><i class="fa fa-5x fa-fw fa-pulse fa-spinner text-danger"></i></div>');
            $.ajax({
                url: document.location.href,
                type: "POST",
                dataType: 'json',
                data: {bonus_click:el.data('id')},
                success: function(d){
                    if (d.ok) {
                        el.replaceWith(d.amount);
                        
                    }
                    else
                    el.html('<div class="alert alert-danger"><strong>Произошла ошибка :( Перезагрузите страницу.</strong></div>');
                    
                },
                error: function(){el.html('<div class="alert alert-danger"><strong>Произошла ошибка :( Перезагрузите страницу.</strong></div>')}
                
            });
            
        }, 5000);
    
});
</script>

Answer 1

[Алексей Ярков]

А куда вы выводить document.title=“Ошибка"; собрались, если вкладка закрывается?
Для вашего случая подойдёт событие https://developer.mozilla.org/en-US/docs/Web/API/W...

Comments

[Thomek]

Алексей Ярков title отображается на сайте, где выдаётся бонус, когда нажимают на баннерную рекламу! При нажатии по баннеру, переходят в новую вкладку и там нужно подождать пять секунд..

[Сергей delphinpro]

Thomek, в новой вкладке страница этого же сайта, или другого?

[Thomek]

Сергей delphinpro, на моём сайте нажимают по рекламному баннеру и открывается новая вкладка с рекламой !

[Сергей delphinpro]

Thomek, вы не ответили на вопрос.
Если во вкладке открывается посторонний сайт, то отследить его закрытие нельзя.
Если открывается свой сайт, то тут уже могут быть варианты.

[Thomek]

Сергей delphinpro, открывается посторонний сайт(

[Thomek]

Сергей delphinpro, странно но подобная функция работает на многих сайтах тойже тематики.. переходят на рекламу, во вкладке идёт таймер, если закрыли рекламу таймер останавливается.. и это не фрейм

[Сергей delphinpro]

Thomek, возможно и я чего-то не знаю.. Посмотрите как сделано у аналогов.

[Thomek]

Сергей delphinpro, а если нажали на js код баннерной рекламы, нельзя ли отследить..?!

[Сергей delphinpro]

Thomek, можно для открытия вкладки использовать window.open()
но насколько я помню она возвращает объект открытого окна только в пределах одного домена.

[Thomek]

Сергей delphinpro, а может просто если вернуться на сайт до истечение таймера то бонус не срабатывает и появляется ошибка в title