javascript – 如何使用Angular 2检测用户不活动?

前端之家收集整理的这篇文章主要介绍了javascript – 如何使用Angular 2检测用户不活动?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试创建一个Angular App,其中包含用户需要在几分钟不活动后注销的视频.

>如果用户正常或全屏观看视频,则无需注销.
>如果选项卡处于非活动状态且视频正在播放,我需要在不活动后将其注销.

解决方法

最简单的方法是使用 idlejs.

它适用于Angular,它包含.cript.的.d.ts绑定.

import { Idle } from 'idlejs/dist';

// with predefined events on `document`
const idle = new Idle()
  .whenNotInteractive()
  .within(60)
  .do(() => console.log('logout user with a function'))
  .start();

用户正在播放视频时,您可以停止空闲.

play(){
    this.idle.stop();
    // play movie
}

用户点击暂停/停止时

pause(){
    this.idle.restart();
    // pause movie
}
原文链接:https://www.f2er.com/js/157100.html

猜你在找的JavaScript相关文章