您的位置：首页 > Web前端 > JavaScript

使用JavaScript显示当前时间-UTC时间-PDT时间

2011-12-14 12:10 453 查看

<html>
<head>
<title>DateTime</title>
<script>

Date.prototype.pattern=function(fmt) {
var o = {
"M+" : this.getMonth()+1, //月份
"d+" : this.getDate(), //日
"h+" : this.getHours()%12 == 0 ? 12 : this.getHours()%12, //小时
"H+" : this.getHours(), //小时
"m+" : this.getMinutes(), //分
"s+" : this.getSeconds(), //秒
"q+" : Math.floor((this.getMonth()+3)/3), //季度
"S" : this.getMilliseconds() //毫秒
};
var week = {
"0" : "\u65e5",
"1" : "\u4e00",
"2" : "\u4e8c",
"3" : "\u4e09",
"4" : "\u56db",
"5" : "\u4e94",
"6" : "\u516d"
};
if(/(y+)/.test(fmt)){
fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
}
if(/(E+)/.test(fmt)){
fmt=fmt.replace(RegExp.$1, ((RegExp.$1.length>1) ? (RegExp.$1.length>2 ? "\u661f\u671f" : "\u5468") : "")+week[this.getDay()+""]);
}
for(var k in o){
if(new RegExp("("+ k +")").test(fmt)){
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
}
}
return fmt;
}

function getTime()
{
var d = new Date();

var la = document.getElementById('LocalAdd').value;
var ua = document.getElementById('UTCAdd').value;
var pa = document.getElementById('PDTAdd').value;

var localTime = d.getTime();//以毫秒为单位
var utc = localTime + d.getTimezoneOffset()*60000;
var pdt = utc - (3600000*8);

var newLD = new Date(localTime-60000*la);
var newUD = new Date(utc-60000*ua);
var newPD = new Date(pdt-60000*pa);

document.getElementById('Local').value = newLD.pattern("yyyy-MM-dd HH:mm:ss");
document.getElementById('UTC').value = newUD.pattern("yyyy-MM-dd HH:mm:ss");
document.getElementById('PDT').value = newPD.pattern("yyyy-MM-dd HH:mm:ss");

}

function resetAdd()
{
document.getElementById('LocalAdd').value = '0';
document.getElementById('UTCAdd').value = '0';
document.getElementById('PDTAdd').value = '0';
}

</script>
</head>
<body onload="javascript:getTime();">
<table border="0px" cellspacing="0px" cellpadding="10px" >
<tr>
<td>Local Time</td>
<td><input id="Local" type="text" value="" readonly></td>
<td><input id="LocalAdd" type="text" value="0" size="3">minutes forward</td>
</tr>
<tr>
<td>UTC Time</td>
<td><input id="UTC" type="text" value="" readonly></td>
<td><input id="UTCAdd" type="text" value="0" size="3">minutes forward</td>
</tr>
<tr>
<td>PDT Time</td>
<td><input id="PDT" type="text" value="" readonly></td>
<td><input id="PDTAdd" type="text" value="0" size="3">minutes forward</td>
</tr>
<tr>
<td>Refresh</td>
<td><input id="refresh" type="button" value="Refresh" onclick="javascript:getTime();"></td>
<td><input id="reset" type="button" value="Reset" onclick="javascript:resetAdd();"></td>
</tr>
</table>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航