JS网页实例：若干秒后不操作自动关闭窗口

最新推荐文章于 2024-01-11 13:41:07 发布

请叫我二狗哥

最新推荐文章于 2024-01-11 13:41:07 发布

阅读量1.3k

点赞数

分类专栏： Javascript 基础案例文章标签： javascript 前端 html

cnblog博客：https://www.cnblogs.com/f6056/

本文链接：https://blog.csdn.net/weimob258616/article/details/127901771

版权

Javascript 同时被 2 个专栏收录

57 篇文章 3 订阅

订阅专栏

基础案例

39 篇文章 1 订阅

订阅专栏

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

补充下面代码，要求若用户每5秒内没有点击页面，窗口自动关闭。


<!DOCTYPE html>
<html>

<head>
  <title>JS网页特效实例：若干秒后不操作自动关闭窗口</title>
  <meta charset="utf-8">
  <style>
  </style>
  <script>


  </script>
</head>

<body style="text-align:center;">
  <div id="doing">
    若用户5秒内不单机网页，本窗口将自动关闭
  </div>

</body>

</html>

参考代码：

    function switchValue() {
      if (willClose) {
        window.close();
      } else {
        willClose = true;
      }
    }
    var willClose = true;
    var bodyEle = document.body;
    bodyEle.onclick = function () {
      willClose = false;
    }
    setInterval(switchValue, 5000);

请叫我二狗哥

关注

0
点赞
踩
3

收藏

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

对一些安全要求比较高的网页，如网银和支付平台界面，为了保证用户数据安全，往往会提供这样的功能：若用户在累计的一段时间内没有进行任何操作，就会自动退出登陆或直接关闭窗口。补充下面代码，要求若用户每5秒内没有点击页面，窗口自动关闭。
复制链接

扫一扫