【js】动态获取系统时间

方法一(年月日 时分秒 星期)

// js获取当前时间
function getTime() {
   
    var myDate = new Date();
    var myYear = myDate.getFullYear(); //获取完整的年份(4位,1970-????)
    var myMonth = myDate.getMonth() + 1; //获取当前月份(0-11,0代表1月)
    var myToday = myDate.getDate(); //获取当前日(1-31)
    var myDay = myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
    var myHour = myDate.getHours(); //获取当前小时数(0-23)
    var myMinute = myDate.getMinutes(); //获取当前分钟数(0-59)
    var mySecond = myDate.getSeconds(); //获取当前秒数(0-59)
    var week = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
    var nowTime;

    nowTime = "今天是：" + myYear + '年' + fillZero(myMonth) + '月' + fillZero(myToday) + '日' + '  ' + fillZero(
            myHour) + ':' +
        fillZero(myMinute) + ':' + fillZero(mySecond) + '  ' + week[myDay] + '  ';
    //console.log(nowTime);
    // $('.time').html(nowTime);
    document.getElementsByClassName("time")[0].innerText = nowTime;
};
// 补位
function fillZero(str) {
   
    var realNum;
    if (str < 10) {
   
        realNum = '0' + str;
    } else {
   
        realNum = str;
    }
    return realNum;
}
setInterval(getTime, 1000);

方法二

function show() {
   
    //创建内置Date对象
    var date = new Date();
    //获取当前年份
    var year = date.getFullYear();
    //获取当前的月份,范围是0-11
    var month = date.getMonth() + 1;
    //获取该月的第几天
    var day = date.getDate();
    //getDay方法获取当前是这个星期的第几天范围是0-6
    //周日对应0，123456分别是对应的星期几
    var week = "日一二三四五六".charAt(date.getDay());
    //获取当前小时分钟和秒
    var hour = date.getHours();
    var minute = date.getMinutes();
    var second = date.getSeconds();
    //选择id为time的标签
    var element = document.getElementById("time");
    element.innerHTML = year + "年" + month + "月" + day +