如何实时获取当前时间
var date = new Date()
date.getFullYear() //获取当前年份 2021年
date.getFullMonth() + 1 //获取当前月份,这里为何+1,因为它拿到的是上月的月份所以必须+1 8月
date.getDate() //获取- 今天是几号 3号
date.getDay() //获取- 当前是本月的第几周 周2
date.getTime() // 获取当前时间(从1970.1.1开始的毫秒数) `一般不会用到这个`
date.getHours() // 获取-当前小时 15时
date.getMinutes() //获取---当前分钟 21分
date.getSeconds() //获取-秒数 53秒
看懂这个,接下来直接看完整代码,里面对不足一些情况也做了处理:如
- 保证月、日都是两位,不够用0补
- 周几,得到的是阿拉伯数字,需转换为中文数字
- 保证小时、分钟、秒都是两位,不够用0补
getNowDate(){ //获取当前日期时间
var date = new Date()
var year = date.getFullYear() //年
var month = date.getMonth() + 1 //月
if(month < 10){
this.mon = '0' + month //mon需要在data中定义
}else{
this.mon = month
}
var daily = date.getDate() //日
if(daily < 10){
this.daiy = '0' + daily //daiy需要在data中定义
}else{
this.daiy = daily
}
var weeks = date.getDay() //周
if(weeks === 1){
this.week = '一' //week需要在data中定义
}else if(weeks === 2){
this.week = '二'
}else if(weeks === 3){
this.week = '三'
}else if(weeks === 4){
this.week = '四'
}else if(weeks === 5){
this.week = '五'
}else if(weeks === 6){
this.week = '六'
}else if(weeks === 7){
this.week = '日'
}
// var a = date .getTime(); //获取当前时间(从1970.1.1开始的毫秒数)
var hours = date .getHours(); //获取当前小时数(0-23)
if(hours < 10){
this.hour = '0' + hours //hour需要在data中定义
}else{
this.hour = hours
}
var minutes = date .getMinutes(); //获取当前分钟数(0-59)
if(minutes < 10){
this.minute = '0' + minutes //minute需要在data中定义
}else{
this.minute = minutes
}
var seconds = date .getSeconds(); //获取当前秒数(0-59)
if(seconds < 10){
this.second = '0' + seconds //second需要在data中定义
}else{
this.second = seconds
}
// var e = date .getMilliseconds(); //获取当前毫秒数(0-999)
// var f = date .toLocaleDateString(); //获取当前日期
// var mytime = date .toLocaleTimeString(); //获取当前时间
// var g = date .toLocaleString( ); //获取日期与时间
this.date_d = year + '年' + this.mon + '月' + this.daiy + '日' //date_d需要在data中定义
this.time = this.hour + ':' + this.minute + ':' + this.second + '' //time需要在data中定义
this.wek = '周期'+ this.week //wek需要在data中定义
},
getTimeget(){ //没秒发次请求,该请求获取是本地,与后端无关,性能没有什么大的影响
this.getNowDate()
window.setInterval( ()=> {
this.getNowDate()
},1000 )
}