jsp监控用户操作，无操作倒计时返回首页

最新推荐文章于 2024-05-13 03:21:20 发布

跳舞的芒果

最新推荐文章于 2024-05-13 03:21:20 发布

阅读量732

点赞数

分类专栏： H5 文章标签： jsp 函数倒计时 js

本文链接：https://blog.youkuaiyun.com/zcl_666/article/details/52398718

版权

H5 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了如何使用jsp监控用户操作，如果页面停留10秒后无任何操作，将启动一个120秒的倒计时。在倒计时期间，一旦用户进行任何交互，倒计时会隐藏并重新开始。文章末尾提供了一段纯倒计时功能的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现效果：
在一个页面停留十秒未操作，则开始倒计时120秒，倒计时结束后返回首页，中途用户有所操作，隐藏倒计时并将其重置。

<script type='text/javascript'>
    var num = 130;
    function stop(){
        num = 130;
    }
    function calc() {
        if (num <= 120 ) {
            num--;
            $('#second').css("display","block");
            document.getElementById('second').innerHTML =num+"秒无操作将返回主页";

             if(num <= 0) {
                location.href = '<%=request.getContextPath()%>/home.jsp';
                $('#second').css("display","none");
            }

        } else {
            num--;
            $('#second').css("display","none");
        }
        setTimeout('calc()', 1000);
    }
</script>

最后附上一段纯倒计时效果的代码

<script type='text/javascript'>
var num=6;
function calc(){
if(num>0){   
num--;       
document.getElementById('second').innerHTML=num;       
}else{
location.href='replyMessage.jsp?messageID="+messageID+"'       
}
setTimeout('calc()',1000);
}
</script>

<body onload="calc()">
<div id='second'>5</div>
</body>