进度条（计时器）

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/