您的位置:首页 > Web前端 > JavaScript

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();
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: