JS实现超时跳转页面
2016-04-06 14:48
661 查看
第一次写博客,是一个自己写的js小程序。要求是不操作页面的时间超过60秒就跳转到屏保页面,如果中间有操作就重新从60秒开始计时。使用了系统函数setInterval()以及clearInterval(),实际使用需要引入jquery;
var int;
var flag = false;
function setflag(){
flag = !flag;
isinte();
}
function isinte(){
if (flag) {
setinte();
} else {
stopinte();
setflag();
}
}
function setinte(){
//setInternal:第一次执行时,会先等待指定的时间,然后才执行相应的函数
int=setInterval(“settime()”,60000);
}
function stopinte(){
clearInterval(int);
}
function settime(){
stopinte();
window.location.href = “/hm/timeout”;
}
//获取鼠标点击事件
$(document).click(function(){
setflag();
});
//获取鼠标移动事件
$(document).mousemove(function(event){
setflag();
});
//获取键盘事件
$(document).keydown(function(){
setflag();
});
//加载即开始执行这个方法
$(function(){
setflag();
});
如果页面中使用了iframe的话,需要在iframe引入的页面中调用setfalg()函数,需要这样调用:window.parent.setflag();
var int;
var flag = false;
function setflag(){
flag = !flag;
isinte();
}
function isinte(){
if (flag) {
setinte();
} else {
stopinte();
setflag();
}
}
function setinte(){
//setInternal:第一次执行时,会先等待指定的时间,然后才执行相应的函数
int=setInterval(“settime()”,60000);
}
function stopinte(){
clearInterval(int);
}
function settime(){
stopinte();
window.location.href = “/hm/timeout”;
}
//获取鼠标点击事件
$(document).click(function(){
setflag();
});
//获取鼠标移动事件
$(document).mousemove(function(event){
setflag();
});
//获取键盘事件
$(document).keydown(function(){
setflag();
});
//加载即开始执行这个方法
$(function(){
setflag();
});
如果页面中使用了iframe的话,需要在iframe引入的页面中调用setfalg()函数,需要这样调用:window.parent.setflag();
相关文章推荐
- JS---创建自己的“JavaScript库”,原来如此简单
- js灵活打印web页面区域内容的通用方法
- javascript:void(0)和javascript:;的用法
- js判断图片加载完成
- meanjs中的服务
- JS闭包
- js触发点击事件
- js中prototype用法
- js字符转ascii,转unicode
- 常用js代码片段
- 基于HTML模板和JSON数据的JavaScript交互(移动端)
- Json转换时报错/Json解析方法
- 让Visual Studio 也支持JS代码折叠 [ Visual Studio | #region | #endregion ]
- Json 笔记
- js鼠标事件大全
- JavaScript获取DOM元素位置和尺寸大小
- JavaScript如何获得一个DOM元素的绝对位置?(获取元素位置,不依赖框架)
- three.js学习笔记 obj模型加载问题
- 【笔记】 《js权威指南》- 第14章 Window对象 14.2 - 14.4
- Json数据格式