若干秒后不操作自动关闭窗口

最新推荐文章于 2018-08-05 16:26:33 发布

weixin_34221773

最新推荐文章于 2018-08-05 16:26:33 发布

阅读量312

点赞数

文章标签： javascript ffmpeg php ViewUI

原文链接：https://juejin.im/post/591335a72f301e0057f69045

版权

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>若干秒不操作就自动关闭窗口</title>
    <script type="text/javascript">
        var willClose = true;
        function clickBody(){
            willClose = false;
        }
        setInterval(function(){
            if(willClose){
                window.close();
            }else{
                willClose = true;
            }
        }, 5000);
    </script>
</head>
<body style="text-align:center" onclick="clickBody()">
    如果用户5秒钟不单击网页，本窗口将自动关闭
</body>
</html>复制代码

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

weixin_34221773

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
若干秒后不操作自动关闭窗口

一些对安全要求比较高的网页，如网银、支付平台等界面，为了保证用户数据的安全，通常会提供这样的功能--若用户在累计的一段时间内没有进行任何操作，就会自动退出登录或直接关闭窗口。&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;
复制链接

扫一扫