进入网页开始计时，关闭页面时触发操作事件

Posted 2020-09-23 byfcumt

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了进入网页开始计时，关闭页面时触发操作事件相关的知识，希望对你有一定的参考价值。

<html>
<head>
    <title>页面停留时间</title>
</head>
<body onload="init(); window.setTimeout(‘show_secs()‘,1);" >
    <script language="javascript">
        var ap_name = navigator.appName;
        var ap_vinfo = navigator.appVersion;
        var ap_ver = parseFloat(ap_vinfo.substring(0, ap_vinfo.indexOf(‘(‘)));
        var time_start = new Date();
        var clock_start = time_start.getTime();
        var dl_ok = false;
        var s_secs_spent;
        var s_mins_spent;
        function init() {
            if (ap_name == "Netscape" && ap_ver >= 3.0)
                dl_ok = true;
            return true;
        }
        function get_time_spent() {
            var time_now = new Date();
            return ((time_now.getTime() - clock_start) / 1000);
        }
        function show_secs() {
            var i_total_secs = Math.round(get_time_spent());
            var i_secs_spent = i_total_secs % 60;
            var i_mins_spent = Math.round((i_total_secs - 30) / 60);
            s_secs_spent = "" + ((i_secs_spent > 9) ? i_secs_spent : "0" + i_secs_spent);
            s_mins_spent = "" + ((i_mins_spent > 9) ? i_mins_spent : "0" + i_mins_spent);
            document.fm0.time_spent.value = s_mins_spent + ":" + s_secs_spent;
            window.setTimeout(‘show_secs()‘, 1000);
        }
        window.onbeforeunload = onbeforeunload_handler;
        window.onunload = onunload_handler;
        function onbeforeunload_handler() {
            var show = s_mins_spent + ":" + s_secs_spent;
            //Do SomeThing
        }
        function onunload_handler() {
            var show = s_mins_spent + ":" + s_secs_spent;
            //Do SomeThing 
        }
   
    </script>
    <form name="fm0" onsubmit="0">
    <font color="#888888" size="-1">您在本网页的停留时间:</font>
    <input type="text" name="time_spent" size="7" onfocus="this.blur()">
    </form>
</body>
</html>

页面跳转触发事件：

onbeforeunload

onunload

以上是关于进入网页开始计时，关闭页面时触发操作事件的主要内容，如果未能解决你的问题，请参考以下文章

移动端检测微信浏览器返回，关闭，进入后台操作

java事件触发计时器后二十四小时后只执行一次业务逻辑

dom操作

Vue 刷新页面时会触发事件吗

选择选项卡片段时触发啥事件

怎么让click事件在指定时间内只响应一次，jquery。