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

最新推荐文章于 2024-07-23 17:20:49 发布

自信哥

最新推荐文章于 2024-07-23 17:20:49 发布

阅读量1.7k

点赞数

分类专栏： WEB front 文章标签： javascript function date button border table

本文链接：https://blog.csdn.net/yzhou86/article/details/7069888

版权

WEB front 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<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 οnlοad="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" οnclick="javascript:getTime();"></td>
<td><input id="reset" type="button" value="Reset" οnclick="javascript:resetAdd();"></td>
</tr>
</table>
</body>
</html>