后台代码中将服务器时间显示出来
Page.ClientScript.RegisterClientScriptBlock(
this
.GetType(),
"
time
"
,
"
<script type=\
"
text
/
javascript\
"
>\r\n\tvar strTime=\
""
+ DateTime.Now.ToString(
"
yyyy
-
MM
-
dd HH:mm:ss
"
) +
"
\
"
;\r\n</script>\r\n
"
);
前台使用javascript进行转换
strTime
=
strTime.replace(
/
(-)
/
g,
"
/
"
);
var datNow = new Date(strTime);
var datLocalNow = new Date();
datC = datLocalNow - datNow;
function GetServerTime()
{
var datNow=new Date(new Date()-datC);
var strYear=datNow.getFullYear();
var strMonth=datNow.getMonth()+1;
strMonth=strMonth<10?"0"+strMonth:strMonth;
var strDay=datNow.getDate();
strDay=strDay<10?"0"+strDay:strDay;
var strHour=datNow.getHours();
strHour=strHour<10?"0"+strHour:strHour;
var strMinite=datNow.getMinutes();
strMinite=strMinite<10?"0"+strMinite:strMinite;
var strSecond=datNow.getSeconds();
strSecond=strSecond<10?"0"+strSecond:strSecond;
$("time").innerHTML=strYear+"年"+strMonth+"月"+strDay+"日 "+strHour+":"+strMinite+":"+strSecond
}
GetServerTime();
setInterval( " GetServerTime() " , 1000 );
var datNow = new Date(strTime);
var datLocalNow = new Date();
datC = datLocalNow - datNow;
function GetServerTime()
{
var datNow=new Date(new Date()-datC);
var strYear=datNow.getFullYear();
var strMonth=datNow.getMonth()+1;
strMonth=strMonth<10?"0"+strMonth:strMonth;
var strDay=datNow.getDate();
strDay=strDay<10?"0"+strDay:strDay;
var strHour=datNow.getHours();
strHour=strHour<10?"0"+strHour:strHour;
var strMinite=datNow.getMinutes();
strMinite=strMinite<10?"0"+strMinite:strMinite;
var strSecond=datNow.getSeconds();
strSecond=strSecond<10?"0"+strSecond:strSecond;
$("time").innerHTML=strYear+"年"+strMonth+"月"+strDay+"日 "+strHour+":"+strMinite+":"+strSecond
}
GetServerTime();
setInterval( " GetServerTime() " , 1000 );
基于JQ的插件封装
JQ
jQuery.fn.timer = function(o) {
var strTime = o.replace(/(-)/g, "/");
var datNow = new Date(strTime);
var datLocalNow = new Date();
var datC = datLocalNow - datNow;
var _obj = $(this);
var week = "星期日,星期一,星期二,星期三,星期四,星期五,星期六".split(",");
var getTimer = function(t) {
var datNow = new Date(new Date() - datC);
var strYear = datNow.getFullYear();
var strMonth = datNow.getMonth() + 1;
strMonth = strMonth < 10 ? "0" + strMonth : strMonth;
var strDay = datNow.getDate();
strDay = strDay < 10 ? "0" + strDay : strDay;
var strHour = datNow.getHours();
strHour = strHour < 10 ? "0" + strHour : strHour;
var strMinite = datNow.getMinutes();
strMinite = strMinite < 10 ? "0" + strMinite : strMinite;
var strSecond = datNow.getSeconds();
strSecond = strSecond < 10 ? "0" + strSecond : strSecond;
var day = datNow.getDay();
var st = new Date(strYear, strMonth, strDay, strHour, strMinite, strSecond); var value = strYear + "年" + strMonth + "月" + strDay + "日 " + strHour + ":" + strMinite + ":" + strSecond + " " + week[day];
_obj.html(value);
};
getTimer();
setInterval(function() { getTimer(); }, 1000);
};
///使用方法:
$("#global-clock").timer("2009/01/01 00:00:00");
jQuery.fn.timer = function(o) {
var strTime = o.replace(/(-)/g, "/");
var datNow = new Date(strTime);
var datLocalNow = new Date();
var datC = datLocalNow - datNow;
var _obj = $(this);
var week = "星期日,星期一,星期二,星期三,星期四,星期五,星期六".split(",");
var getTimer = function(t) {
var datNow = new Date(new Date() - datC);
var strYear = datNow.getFullYear();
var strMonth = datNow.getMonth() + 1;
strMonth = strMonth < 10 ? "0" + strMonth : strMonth;
var strDay = datNow.getDate();
strDay = strDay < 10 ? "0" + strDay : strDay;
var strHour = datNow.getHours();
strHour = strHour < 10 ? "0" + strHour : strHour;
var strMinite = datNow.getMinutes();
strMinite = strMinite < 10 ? "0" + strMinite : strMinite;
var strSecond = datNow.getSeconds();
strSecond = strSecond < 10 ? "0" + strSecond : strSecond;
var day = datNow.getDay();
var st = new Date(strYear, strMonth, strDay, strHour, strMinite, strSecond); var value = strYear + "年" + strMonth + "月" + strDay + "日 " + strHour + ":" + strMinite + ":" + strSecond + " " + week[day];
_obj.html(value);
};
getTimer();
setInterval(function() { getTimer(); }, 1000);
};
///使用方法:
$("#global-clock").timer("2009/01/01 00:00:00");