js IdleDetector 检测用户是否处于活动状态API
2023-09-14 08:58:44 时间
btn.addEventListener("click", async () => {
try {
const state = await Notification.requestPermission();
if (state !== "granted") {
// Need to request permission first.
return console.log("Idle detection permission not granted.");
}
const controller = new AbortController();
const signal = controller.signal;
// 创建空闲检测器
const idleDetector = new IdleDetector();
// 设置一个事件侦听器,该侦听器在空闲状态更改时触发。
idleDetector.addEventListener("change", () => {
const uState = idleDetector.userState; // 是否活动状态
const sState = idleDetector.screenState; // 是否锁屏
console.log(`Idle change: %s, %s.`, uState, sState);
});
// 启动空闲检测器。
await idleDetector.start({
threshold: 60000, // 最小值为60,000毫秒(1分钟)
signal,
});
// 中断检测
// controller.abort();
} catch (error) {
console.error("[IdleDetector] Error: %s", error.message);
}
});
相关文章
- leetcode 1019. 链表中的下一个更大节点 js实现
- 个人总结 – JS逆向解析[通俗易懂]
- js 邮箱正则表达式_匹配邮箱的正则表达式
- JS对象转数组_js怎么把数组转成对象
- JS手撕(九) 常用Promise API
- clipboard.js:最轻便的复制页面内容到剪切板的JS
- js实现旋转的图片详解编程语言
- JS实现幸运抽奖页面详解编程语言
- 使用JS连接MySQL数据库:实现化繁为简(js连接mysql数据库)
- Oracle:是否具备API?(oracle有api吗)
- 创建JS文件:在Linux下实现自动化任务(linux创建js文件)
- Linux API应用:开启新的编程之路(linux的api)
- 学习MongoDB操作API 简易入门指南(mongodb操作api)
- 基于API的MySQL数据库连接实现(api连接mysql)
- 使用JS技术实现Oracle数据库链接(js 链接 oracle)
- Js+CSS实现的间断和不间断文本滚动代码
- 计算世界完全对称日的js代码,粗糙版
- JS继承--原型链继承和类式继承
- Js动态添加复选框Checkbox的实例方法
- js获取随机颜色值的函数
- JS将所有对象s的属性复制给对象r(原生js+jquery)
- js实现div的切换特效上一个下一个
- JS删除字符串中重复字符方法
- js统计录入文本框中字符的个数并加以限制不超过多少
- JS简单计算器实例