当用户处于空闲状态时,如何激发事件
How can i fire an event when the user is Idle
当用户在指定时间内从网站空闲时,我如何启动JQuery事件,并在鼠标移动、滚动或按键时重置计时器。
这是通过使用setTimeout函数在指定秒结束时激发来实现的。如果在此期间基本上发生了任何事情(鼠标移动、页面滚动或按键),则超时时间将重置。
在第三行设置空闲时间。
idleTimer = null;
idleState = false;
idleWait = 2000;
(function ($) {
$(document).ready(function () {
$('*').bind('mousemove keydown scroll', function () {
clearTimeout(idleTimer);
if (idleState == true) {
// Reactivated event
$("body").append("<p>Welcome Back.</p>");
}
idleState = false;
idleTimer = setTimeout(function () {
// Idle Event
$("body").append("<p>You've been idle for " + idleWait/1000 + " seconds.</p>");
idleState = true; }, idleWait);
});
$("body").trigger("mousemove");
});
}) (jQuery)
这里有一个使用JQuery处理鼠标移动和按键事件的简单脚本。如果时间过期,将触发微调器换行事件。
<script type="text/javascript">
var idle = 0;
$(document).ready(function () {
//Increment the idle time counter every seconds.
var idleInterval = setInterval(timerIncrement, 1000); // 1 seconds
//Zero the idle timer on mouse move.
$(this).mousemove(function (e) {
idle = 0;
});
// zero the idle timer on keypress
$(this).keypress(function (e) {
idle = 0;
});
});
function timerIncrement() {
idle = idle + 1;
if (idle > 5) { // 5 seconds
$('.spinner-wrap').trigger('click');
}
}
</script>
相关文章:
- 从控制器返回后Ajax启动事件激发
- SemanticUI模态not onDeny/onApprove事件未激发
- 当用户处于空闲状态时,如何激发事件
- 如何在选项标记中激发事件
- 未从url激发事件上的主干路由器
- Jquery中的手动激发事件
- 主干-当特定属性更改时激发事件的模型
- 在元素外部单击时激发事件的指令
- 如何在结束加载嵌套的html页面(对象中的页面)后激发事件
- 如何从视图中的菜单项中激发事件,并在ExtJS中的控制器中捕获它
- checkbox.change()上的激发事件,但*之后会出现复选框
- 如何在不创建无限循环的情况下从事件处理程序中激发事件触发函数
- 无法激发事件$.mobile.changePage
- 在Javascript中将某个内容添加到队列或数组时激发事件
- 双击激发事件两次
- 如何在页面加载后动态生成的DOM对象上激发事件
- 需要在webforms-ascx复选框单击事件上以特定方式激发事件
- 在加载ajax按钮时激发事件
- 套接字Io:客户端'connect'套接字已设置时未激发事件
- 在JavaScript中停止和激发事件