js如何若干秒后不操作自动关闭窗口it资源网-免费资源网-视频教程-源码下载-源码交易-程序开发-小程序开发IT资源网

一些对安全要求比较高的网站,如银联和支付平台界面,为了保证用户数据的安全，往往会提供这样的功能,如果用户在累计一段时间内没有进行任何操作,就会自动退出登录或直接关闭窗口

实例代码

html代码

<body style="text-align: center" onclick='clickBody()'>
    如果用户10秒钟不但及网页,本窗口将自动关闭
</body>

js代码

var willClose = true;  // 定义一个是否关闭的全局变量
// 单击网页
function clickBody() {
    willClose = false; // 单击网页以后,则把变量置为false
}

setInterval(function() {
   if(willClose) {     // 判断是否需要关闭
    window.close();   // 关闭窗口
   }else {            // 如果单击过,重新开始计算
    willClose = true; 
   }
},10000)

实例分析

window对象包含一个setInterval()函数,可以用来记时和进行重复操作,在本实例中,直接把一个匿名函数作为它的第1个参数,第2个参数则表示10秒后重复执行第1个参数所定义的函数,另外,如果用户操作过网页则不能自动关闭窗口,因此定义了一个willClose的变量,它起到一个用户操作和关闭窗口交互的纽带作用

文章版权归作者所有，未经允许请勿转载。

THE END