js 美东时间

显示美东时间的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'));

posted on 2021-10-27 16:08  完美前端  阅读(310)  评论(0)    收藏  举报

导航