使用JS获取当前时间，并实时更新 |
您所在的位置：网站首页 › php显示当前时间并实现实时刷新怎么办 › 使用JS获取当前时间，并实时更新 |
使用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(`${mytime}`) //输出当前时间到页面，使用了ES6的模板字符串
//原生写法：
// var div = document.getElementById('div')
// div.innerHTML = `${mytime}`
}
getDate() //立即执行，让时间无延迟的加载入页面
setInterval(function(){ //定时器每秒调用一次getDate()，实现实时更新时间
getDate();
},1000);
页面的效果： 上面的时间数据会每一秒更新一次，懒得做动图了 总结一下实现的步骤1. 定义函数：定义一个函数，在里面写所需要的代码 2. 函数中实例化Date：实例化 Date函数，获取日期和时间 3. 获取时间参数：根据实例化后的对象myDate来取到你所需要的参数（时间，日期等） 4. 输出所选参数到页面：这里拿时间举例，代码中var了mytime存放当前的时间，通过JQ输出到页面中 5. 设定时器实时更新：再设置一个函数，函数中定义定时器，定时器中每隔一秒来执行函数，便可以在页面中实时更新时间 |
注：Date函数是window上的属性，所以可以获取到【本文地址】
今日新闻 |
推荐新闻 |