显示美东时间的HTML结构
<p class="fr">;美东时间 <span id="mdsj">;</span>; (UTC -5:00)</p>;
JavaScript 动态显示美东时间的方法
// 定义GetTime函数,动态地在页面上显示美东的当前时间
function GetTime(obj) {
// 创建一个新的日期对象
var myDate = new Date();
// 将日期转化为毫秒数,并减去5小时,以获得美东时间
myDate = myDate.valueOf();
myDate = myDate - 0.5 * 24 * 60 * 60 * 1000;
myDate = new Date(myDate);
// 定义一个数组,表示一周的每一天
var Today = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
// 获取当前日期的年、月、日、小时、分钟和秒
var Years = myDate.getFullYear();
var Months = myDate.getMonth() + 1;
var Dates = myDate.getDate();
var Hours = myDate.getHours();
var Minutes = myDate.getMinutes();
var Seconds = myDate.getSeconds();
// 如果月、日、小时、分钟和秒小于10,则在前面添加'0'
Months = Months < 10 ? '0' + Months : Months;
Dates = Dates < 10 ? '0' + Dates : Dates;
Hours = Hours < 10 ? '0' + Hours : Hours;
Minutes = Minutes < 10 ? '0' + Minutes : Minutes;
Seconds = Seconds < 10 ? '0' + Seconds : Seconds;
// 更新页面上的时间显示
obj.innerHTML = '' + Years + '-' + Months + '-' + Dates + ' ' + Hours + ':' + Minutes + ':' + Seconds;
// 使用setTimeout函数,每隔一秒重新调用GetTime函数
setTimeout(function() {
GetTime(document.getElementById('mdsj'));
}, 1000);
}
// 调用GetTime函数,初始化页面上的时间显示
GetTime(document.getElementById('mdsj'));