⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 sys_time.htm

📁 使用javascript在网页中动态显示浏览器和服务器的时间
💻 HTM
字号:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
<META http-equiv="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">	
<meta HTTP-EQUIV="Expires" CONTENT="Mon, 06 Jan 1990 00:00:01 GMT"> 

<meta name="description" content="IPCam">


<title>system time </title>
<script language="JavaScript" type="text/javascript" src="func.js"></script>
<script language="JavaScript" type="text/javascript" src="message.js"></script>
<SCRIPT language=JavaScript type="text/javascript" src="utils.js"></SCRIPT>
<SCRIPT language=JavaScript type="text/javascript" src="spec.js"></SCRIPT>

<script language="JavaScript">
<!-- Start Script
var cor_time_way = @cor_time_way#;	
 
var born = new Date("July 21 1983 01:15:00") 

//特别注明:北京时间是格林尼治标准时加八小时,因此我用的起始时间也是从八点起算的  
var  secondServer  =  <%=DateDiff("s",  "1970-01-01  08:00:00",  Now())%>;  
var  secondClient  =  parseInt(new  Date().getTime()/1000);  
var  secondSub        =  secondServer  -  secondClient;                  //两端时间秒差  
function  meizzTime(0)  
{  
     var  mei  =  new  Date();  
//     mei.setTime(mei.getTime()+n*1000);              //得到一个新的时间
	mei.setTime(mei.getTime());  
     var  h  =  (mei.getHours()    >  9)  ?  mei.getHours()    :  "0"  +  mei.getHours();  
     var  m  =  (mei.getMinutes()  >  9)  ?  mei.getMinutes()  :  "0"  +  mei.getMinutes();  
     var  s  =  (mei.getSeconds()  >  9)  ?  mei.getSeconds()  :  "0"  +  mei.getSeconds();  
     document.meizz.clock.value  =  h  +":"+  m  +":"+  s;  
     setTimeout("meizzTime()",  1000);  
}   
 
 
 
 
 
 
 
 
 
 
 
 

			//		  document.write("<input type=\"text\" name=\"sync_comp_date\" size=\"20\" maxlength=\"20\">");
            
 

			//			var time_comp = time;
				//	  document.write("<input type=\"text\" name=\"sync_comp_time\" size=\"20\" maxlength=\"20\">");
				 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

//addCfg('cor_time_way',0x010c0100,cor_time_way);				//Correct the time way: radio button

var d=new Date();

function Click(){ 
window.event.returnValue=false; 
} 
//document.oncontextmenu=Click; 

/*
function init()
{
	var time=new String;
	var s=new String;	
	var d2=new Date();
	var cf = document.forms[0];

	s += d2.getFullYear(); 
	s += "/"; 
	s += (d2.getMonth() + 1);
    s += "/"; 
	s += d2.getDate()
//  s += "/"; 
	
	time += d2.toTimeString();
	time = time.substring(0,8);

	cf.sync_comp_date.value = s;
	cf.sync_comp_time.value = time;

	active_select_change(cor_time_way);

	return true;
}
*/

function active_select_change(active_select)
{
	var cf = document.forms[0];

	cf.manu_year.disabled = true; 	
	cf.manu_month.disabled = true; 	
	cf.manu_day.disabled = true; 	
	cf.manu_hour.disabled = true; 	
	cf.manu_minute.disabled = true; 	
	cf.manu_second.disabled = true; 	
	
	cf.sync_comp_date.disabled = true; 	
	cf.sync_comp_time.disabled = true; 	
			
	if(active_select==0)
	{

		cf.manu_year.disabled = false; 	
		cf.manu_month.disabled = false; 	
		cf.manu_day.disabled = false; 	
		cf.manu_hour.disabled = false; 	
		cf.manu_minute.disabled = false; 	
		cf.manu_second.disabled = false; 	
	}
	else if(active_select==1)
	{
		cf.sync_comp_date.disabled = false; 	
		cf.sync_comp_time.disabled = false; 	
	}	

	return true;
}

function local_time()
{
	h="0"+; 
	m="0"+; 
	s="0"+; 
	if(h>9);
	if(m>9);
	if(s>9);
	document.sys_time.local_time.value = " "+h+":"+m+":"+s+" " ;
	setTimeout( 'local_time()', 1000) ;
}



function browser_time() 
{ 
	now = new Date(); 
	h="0"+now.getHours(); 
	m="0"+now.getMinutes(); 
	s="0"+now.getSeconds(); 
	if(h>9) h=now.getHours();
	if(m>9) m=now.getMinutes();
	if(s>9) s=now.getSeconds();
	document.sys_time.browser_time.value = " "+h+":"+m+":"+s+" " ;
	setTimeout( 'browser_time()', 1000) ;
}
function browser_date()
{
	now = new Date();
	year = now.getYear();
	month = now.getMonth();
	date = now.getDate();
	document.sys_time.browser_date.value = " "+year+"/"+month+"/"+date+" " ;
}


function checkData()
{
	var msg = "";
	var cf = document.forms[0];

/*
	msg+= checkBlank(cf.ddns_name, msg_username);
	msg+= checkBlank(cf.ddns_pwd, msg_password);
	msg+= checkBlank(cf.user_domain, msg_user_domain);
	msg+= checkValid(cf.user_domain, msg_user_domain, ValidStr1, 24, false);
	msg+= checkBlank(cf.dyn_domain, msg_dyn_domain);
	msg+= checkValid(cf.dyn_domain, msg_dyn_domain, ValidStr1, 16, false);
	msg+= checkBlank(cf.tl_domain, msg_tl_domain);
	msg+= checkValid(cf.tl_domain, msg_tl_domain, ValidStr, 4, false);
*/
	if (msg.length > 1)
	{
		alert(msg);
		return false;
	}
	return true;	
}

//var month=["JAN","FEB","MAR","APR","MAY","JUN","JUL","AUG","SEP","OCT","NOV","DEC"];
var week=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];
var month=["January","February","March","April","May","June","July","August","September","October","November","December"];
var freq=["never","1 hour","2 hours","4 hours","8 hours","12 hours","1 day","2 days","3 days"];

function createSelectTagChild(start,end,selected,special_case)
{
	var str="";
	var i=start;

	for(i=start; i <=end; i++)
	{
		switch (special_case)
		{
			case "week":
				 if (i==selected)
					str+="<option value="+i+" selected>"+week[i]+"</option>";
				 else
					str+="<option value="+i+">"+week[i]+"</option>";
				 break;
			case "month":
				 if (i==selected)
					str+="<option value="+i+" selected>"+month[i-1]+"</option>";
				 else
					str+="<option value="+i+">"+month[i-1]+"</option>";
				 break;
			case "freq":
				 if (i==selected)
					str+="<option value="+i+" selected>"+freq[i-1]+"</option>";
				 else
					str+="<option value="+i+">"+freq[i-1]+"</option>";
				 break;	 
			default:
				 if (i==selected)
					str+="<option value="+i+" selected>"+i+"</option>";
				 else
					str+="<option value="+i+">"+i+"</option>";
				 break;
		}
	}
	document.write(str);
}
// End Script -->
</script>
<LINK REL="stylesheet" TYPE="text/css" HREF="ig_n.css">
<LINK REL="stylesheet" TYPE="text/css" HREF="style.css">
<LINK REL="stylesheet" TYPE="text/css" HREF="jason.css">
</head>

<body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0" bgcolor="#FFFFFF" onLoad="init(); self.focus(); showMsg();" onUnload="closeWin(helpWinVar)">
<center><form name="sys_time" action="sys_time.cgi" method="post">
    <table width="545" height="300" border="0" align="left" cellpadding="0" cellspacing="0">
      <tr>
        <td width="545" height="32" align="left" valign="middle" class="title2">时间日期</td>
		</tr>
		<tr>
        <td height="250" colspan="2">
<table width="535" height="299" border="0" cellpadding="0" cellspacing="0">
            <tr> 
              <td height="274" colspan="3"> <table width="97%" height="267" border="0" align="right" cellpadding="0" cellspacing="0">
                  <tr> 
                    <td width="260" height="33"><strong>服务器时间:</strong></td>
                    <td width="257">&nbsp;</td>
                  </tr>
                  <tr> 
                    <td height="31">&nbsp;&nbsp;日期:&nbsp; <input type="text" name="local_date" size="20" maxlength="20" value="@local_date#"></td>
                    <td>&nbsp;&nbsp;&nbsp;时间:&nbsp; <input type="text" name="local_time" size="20" maxlength="20" value="@local_time#"> </td>
                  </tr>
                  <!--/table>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <table width="97%"  border="0" align="right" cellpadding="0" cellspacing="0"-->
                  <tr> 
                    <td height="28"><strong>设置时间:</strong></td>
                    <td width="257">&nbsp;</td>
                  </tr>
                  <tr> 
                    <td height="30">&nbsp;&nbsp; <input type="radio" name="cor_time_way" @manu_config# value="0"
						onClick="active_select_change(0);">
                      手工设置</td>
                    <td width="257">&nbsp;</td>
                  </tr>
                  <tr> 
                    <td height="30" colspan="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日期:&nbsp;&nbsp;&nbsp;&nbsp; 
                      <SELECT style="FONT-SIZE: 12px"  size=1 name=manu_year>
                        <SCRIPT language="JavaScript">
							var get_year;
						
							if(cor_time_way==0)
								get_year = @manu_year#;
							else
								get_year = d.getFullYear();
							createSelectTagChild(2002,2012,get_year,"");
							
						</SCRIPT>
                      </SELECT>
                      / 
                      <SELECT style="FONT-SIZE: 12px"  size=1 name=manu_month>
                        <SCRIPT language="JavaScript">
										
							var get_month;
						
							if(cor_time_way==0)
								get_month = @manu_month#;
							else
								get_month = d.getMonth()+1;
							createSelectTagChild(1,12,get_month,"month");</SCRIPT>
                      </SELECT>
                      / 
                      <SELECT style="FONT-SIZE: 12px"  size=1 name=manu_day>
                        <SCRIPT language="JavaScript">
					  
							var get_day;
						
							if(cor_time_way==0)
								get_day = @manu_day#;
							else
								get_day = d.getDate();
							createSelectTagChild(1,31,get_day,"");</SCRIPT>
                      </SELECT> &nbsp;&nbsp;&nbsp;&nbsp;(YYYY/MM/DD)</td>
                  </tr>
                  <tr> 
                    <td height="30" colspan="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;时间:&nbsp;&nbsp;&nbsp;&nbsp; 
                      <SELECT style="FONT-SIZE: 12px" size=1 name=manu_hour>
                        <SCRIPT language="JavaScript">
					
							var get_hour;
						
					        if(cor_time_way==0)
					        	get_hour = @manu_hour#;
					        else
					        	get_hour = d.getHours();
					        createSelectTagChild(0,23,get_hour,"");</SCRIPT>
                      </SELECT>
                      : 
                      <SELECT style="FONT-SIZE: 12px" size=1 name=manu_minute>
                        <SCRIPT language="JavaScript">
					
							var get_min;
						
					        if(cor_time_way==0)
					        	get_min = @manu_minute#;
					        else
					        	get_min = d.getMinutes();
					        createSelectTagChild(0,59,get_min,"");</SCRIPT>
                      </SELECT>
                      : 
                      <SELECT style="FONT-SIZE: 12px" size=1 name=manu_second>
                        <SCRIPT language="JavaScript">
							
							var get_second;
						
					        if(cor_time_way==0)
					        	get_second = @manu_second#;
					        else
					        	get_second = d.getSeconds();
							createSelectTagChild(0,59,get_second,"");
						</SCRIPT>
                      </SELECT> &nbsp;&nbsp;&nbsp;&nbsp;(HH:MM:SS)</td>
                  </tr>
                  <tr> 
                    <td height="27">&nbsp;&nbsp; <input type="radio" name="cor_time_way" @sync_computer# value="1" onClick="active_select_change(1);" >
                      与此计算机同步 </td>
                    <td width="257">&nbsp;</td>
                  </tr>
                  <tr> 
                    <td height="14">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日期:&nbsp; 
                    	
                    <input type="text" name="browser_date" size="20" maxlength="20" > <script>  browser_date() </script> </td>	
                    
                 	 
                 	 </td>
                 	 
                    <td width="257">&nbsp;&nbsp;&nbsp;时间:&nbsp; 
                    	<input type="text" name="browser_time" size="20" maxlength="20" > <script>  browser_time() </script> </td>
                    	
                    	
                    	
					 
					 </td>
                  </tr>
                  <tr>
                    <td height="15" colspan="2">&nbsp;</td>
                  </tr>
                  
                </table>
              <p>&nbsp;</p></td>
            </tr>
            <tr> 
              <td width="267" height="28" class="tail"> <div align="right"><span class="bottomrow"> 
                  </span> </div></td>
              <td width="117" class="tail"><div align="left"><span class="bottomrow"> 
                  <input type="submit"  class="button" name="save" value="保 存" onClick="if(!checkData()) return false;">
                  </span></div></td>
              <td width="151" class="tail"> <div align="left"><span class="bottomrow"> 
                  <input type="reset"   class="button" name="cancel" value="取 消" ">
                  </span></div>
                <div align="left"><span class="bottomrow"> </span></div></td>
            </tr>
          </table></td></tr></table>
<input type="hidden" name="message" value="@message#">
</form>




  
      




</center>
</body><head><meta http-equiv="pragma" content="no-cache"></head></html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -