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

来源：互联网发布：有没有必要培训php 编辑：程序博客网时间：2024/06/03 04:19

实现效果：
在一个页面停留十秒未操作，则开始倒计时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>

0 0