我已经编写了一些代码,可以为用户提供一条消息,让他们忽略该消息,或者如果他们闲置超过一分钟,则转到其他页面。一切正常,除非用户忽略消息。这里是我的代码:用户闲置后弹出
if (valid) {
var idleTime = 0;
jQuery(document).ready(function() {
var idleInterval = setInterval(timerIncrement, 60000);
});
function resetTimer() {
idleTime = 0;
}
jQuery(document)
.on('mousemove', resetTimer)
.on('keydown', resetTimer)
.on('scroll', resetTimer);
function timerIncrement() {
idleTime = idleTime + 1;
if (idleTime >= 1) {
jQuery('#popup').show();
}
jQuery(window).unbind();
}
jQuery('#popupClose').click(function() {
jQuery('#popup').hide();
});
}
我希望弹出窗口在他们单击#popupClose后不重新填充。
你只是问在用户点击那个元素时如何使用'clearInterval()'? – David
工作小提琴/ plunkr会很好 – Pavan
clearInterval(idleInterval);这将删除间隔,所以它不会再发生 – schylake