индикатор выполнения (таймер)

Question

Есть ли способ сделать индикатор выполнения (любой), который будет отображаться, когда пользователь смотрит на окно (окно / вкладка активна), и приостанавливается, когда пользователь переходит на другую вкладку / окно (неактивно), и возобновляется, когда возвращается?

(могу сделать индикатор выполнения, но подключиться с активностью окна не могу) Любой сценарий?

Спасибо

Answer 1

Вы можете назначить события focus и blur объекту окна, а с помощью interval обновить индикатор выполнения, когда окно находится в фокусе, и удалить интервал размытия. С помощью jQuery вы можете сделать это следующим образом:

var i;
$(window).focus(function(){
    i = window.setInterval(function(){
        $('div').width(function(e,i){
           return i+2;           
        });
    },100);

}).blur(function(){
  window.clearInterval(i);  
});



 $(window).one('mousemove keydown resize',function(){
    $(window).trigger('focus');
});

Пример: http://fiddle.jshell.net/niklasvh/4T5AH/show/