使用JS获取当前时间，并实时更新

话不多说，直接上代码

function getDate(){
    var myDate = new Date(); //实例化Date函数，获取日期等时间
    console.log(myDate)      //Wed Oct 16 2019 10:30:02 GMT+0800 (中国标准时间)
    myDate.getYear();        //获取当前年份(2位)
    myDate.getFullYear();    //获取完整的年份(4位,1970-????)
    myDate.getMonth();       //获取当前月份(0-11,0代表1月)
    myDate.getDate();        //获取当前日(1-31)
    myDate.getDay();         //获取当前星期X(0-6,0代表星期天)
    myDate.getTime();        //获取当前时间(从1970.1.1开始的毫秒数)
    myDate.getHours();       //获取当前小时数(0-23)
    myDate.getMinutes();     //获取当前分钟数(0-59)
    myDate.getSeconds();     //获取当前秒数(0-59)
    myDate.getMilliseconds();    //获取当前毫秒数(0-999)
    myDate.toLocaleDateString();     //获取当前日期
    var mytime=myDate.toLocaleTimeString();//获取当前时间
    $('div').html(`<text>${mytime}</text>`) //输出当前时间到页面，使用了ES6的模板字符串
    //原生写法：
    // var div = document.getElementById('div')
    // div.innerHTML = `<text>${mytime}</text>`
}

getDate() //立即执行，让时间无延迟的加载入页面

setInterval(function(){     //定时器每秒调用一次getDate()，实现实时更新时间
    getDate();
},1000);

页面的效果：
注：Date函数是window上的属性，所以可以获取到

上面的时间数据会每一秒更新一次，懒得做动图了

总结一下实现的步骤

1. 定义函数：定义一个函数，在里面写所需要的代码

2. 函数中实例化Date：实例化 Date函数，获取日期和时间

3. 获取时间参数：根据实例化后的对象myDate来取到你所需要的参数（时间，日期等）

4. 输出所选参数到页面：这里拿时间举例，代码中var了mytime存放当前的时间，通过JQ输出到页面中

5. 设定时器实时更新：再设置一个函数，函数中定义定时器，定时器中每隔一秒来执行函数，便可以在页面中实时更新时间