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页面访问时间限制进行本实例源码下载

标签： js代码时间