鼠标移动监听页面跳转

最新推荐文章于 2024-04-25 15:58:41 发布

qq_41672590

最新推荐文章于 2024-04-25 15:58:41 发布

阅读量227

点赞数

分类专栏：学习笔记文章标签： JavaScript 页面跳转毫秒计时用户无动作事件监听

本文链接：https://blog.csdn.net/qq_41672590/article/details/115675566

版权

学习笔记专栏收录该内容

16 篇文章 0 订阅

订阅专栏


<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title></title>
    <style type="text/css">
        <!--
        body { font-size: 16px; color: #000000; font-family: "微软雅黑"; padding: 30px; line-height: 24px; }
		span{ color: #C43E41; font-weight: bold; }
        -->
    </style>
</head>

<body>
    你有<span id="msg1">0</span>毫秒没有动作了!<br>
    再过<span id="msg2">0</span>毫秒，页面将自动跳转!<br>
    快动下鼠标!
    <script language="javascript" type="text/javascript">

        //指定多少毫秒无动作将跳转
        var timeout = 50000;
        //记录当前时间
        var occurtime = new Date().getTime();
        //更新最新动作时间
        document.onmousemove = function () {
            occurtime = new Date().getTime();
        }
        //也可以用窗口失去焦点来更新时间
        //window.onblur=function(){
        //        occurtime=new Date().getTime() ;
        //}
        //判断无动作时间并跳转
        function goUrl() {
            var a = parseInt(new Date().getTime() - occurtime);
            document.getElementById("msg1").innerHTML = a;
            document.getElementById("msg2").innerHTML = timeout - a;
            if (a > timeout) {
                window.location.href = "http://www.baidu.com";
            }
        }
        window.setInterval("goUrl()", 100);
    </script>
</body>
</html>

qq_41672590

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
鼠标移动监听页面跳转

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; char..
复制链接

扫一扫

专栏目录