使用JavaScript显示当前时间-UTC时间-PDT时间
来源：互联网 发布：node.js和php区别 编辑：程序博客网 时间：2024/05/16 09:32
<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>
