当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > js代码实现页面访问时间限制

js代码实现页面访问时间限制

2012/11/6 10:22:33作者:佚名来源:网络

移动端

【实例名称】

js代码实现页面访问时间限制

【实例描述】

有些页面设置了访问时间,要求用户在指定的时间内保存页面。本例学习如何实现这种功能。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www.xue51.com)</title> <SCRIPT language="JavaScript"> var limit="1:02";                      //设置剩余的时间 var tmpTime=limit.split(":");          //将分和秒切割开 var myTime=tmpTime[0]*60+tmpTime[1]*1;     //获取剩余的秒数 function calTime(){     if (myTime==1)         window.location=www.google.com //时间到了后导航到的地址     else{         myTime-=1;                    //开始倒数时间         curmin=Math.floor(myTime/60); //当前剩余分钟数         cursec=myTime;                //当前剩余秒数         if (curmin!=0)                   //如果分钟数不为0 curtime="你只有"+curmin+"分钟的时间保存此页。";         else  curtime="你只有"+cursec+"秒的时间访问此页,请尽快保存。";         setTimeout("calTime()",1000);      //设置定时器,不断变化提示时间 document.form1.txttime.value=curtime; //在文本框中显示剩余时间        } } </SCRIPT> </head> <body bgcolor="#fabaaa" onload="calTime()"> <form name="form1"> <p><input type="text" name="txttime" size="40" /> </p> </form> </body> </html>

 

【运行效果】

 页面访问时间限制运行效果

【难点剖析】

本例的重点是秒数的计算。如果设置的剩余时间中有分钟数,需要先将分钟数转换为秒数。在代码中的“var myTime=tmpTime[0]*60+tmpTime[1]*1”处要注意,虽然“tmpTime[1]*1”和“tmpTime[1]”计算结果一样,但为了保持变量类型一致,还需要使用“tmpTime[1]*1”。“Math.floor(myTime/60)”用来判断是否还有分钟数。

【源码下载】

为了JS代码的准确性,请点击:JS页面访问时间限制 进行本实例源码下载