在ember中切换浏览器选项卡之间的时间差

Question

我正试图获得浏览器标签切换之间的时差。我想说的是我们现在使用的是ember web应用程序，我切换到其他标签。现在我回到ember web app我我想得到这两个事件的时差。我不知道如何实现这个目标。任何领导都会有所帮助。

Answer 1

在控制器或组件中执行：

diff: Ember.computed('endTime',function(){
    let start = this.get('startTime');
    let end = this.get('endTime');    
    var timeDiff = Math.abs(end - start);
    var diffSec = Math.ceil(timeDiff / (1000)); 
    return diffSec;
  }),
  init(){
    this._super(...arguments);
    const self = this;    
    Ember.$(window).blur(function(e) {      
        self.set('endTime', new Date());
        });
        Ember.$(window).focus(function(e) {      
        self.set('startTime', new Date());
        });
  }

并在相应的模板中：

Difference in second : {{diff}}

请查看this twiddle