js实现5分钟页面无操作触发弹窗事件

 
更多

js实现5分钟页面无操作触发弹窗事件示例。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>页面X分钟不动弹窗测试</title>
    <script src="http://www.phpernote.com/js/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
    function PopWindowAfterXminuteUnmoved(minute) {
        var minutes = arguments[0] ? arguments[0] : 3;
        var showTime = 60 * minutes;
        var time = showTime;

        $(document).on('click', function () {
            time = showTime;
        });

        var interCount = setInterval(function () {
            time--;
            if (time == 0) {
                clearInterval(interCount);
                ShowMessage();
            }
            
            $('#timer').text(time);
        }, 1000);

        function ShowMessage() {
            alert('45486');
        }
    }

    PopWindowAfterXminuteUnmoved(1);
</script>
离弹窗还有<span id="timer"></span>秒
</body>
</html>
打赏

本文固定链接: https://www.cxy163.net/archives/3285 | 绝缘体-小明哥的技术博客

该日志由 绝缘体.. 于 2020年03月25日 发表在 html, javascript, PHP, 编程语言 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: js实现5分钟页面无操作触发弹窗事件 | 绝缘体-小明哥的技术博客
关键字: , , , ,

js实现5分钟页面无操作触发弹窗事件:等您坐沙发呢!

发表评论


快捷键:Ctrl+Enter