一. 首先,我们要了解一下js对时间的基础处理函数
函数名 功能
getYear() 获取四位数的年份
getMonth() 获取2位数的月数, 这个是从 0 开始的 , 注意 不是从1 开始的!!!
getDate() 获取2位数的日 数, 也是从1 开始的
getDay() 获取表示 星期的数字, 注意星期天返回的是0, …
getHours() 获取小时数…
getMinites() …
getSeconds() …
**getTime() 获取dateobject 到 1970年 1月1日 0点0时0分 的毫秒数
** valueOf() 反过来,获取日期对象的毫秒数
** Date.parse() 反过来, 获取…毫秒数
转换成字符串的函数 …
toString() 全部转变成 字符串…
toDateString() 只转变日期字符串
toTimeString() 只转变时间字符串
二.代码效果以及源码
<template>
<div class="date">
<div>距离{{hours}}点秒杀场,还有:</div>
<div>{{Minutes}}:</div>
<div>{{Seconds}}</div>
</div>
</template>
<script>
export default {
data(){
return{
hours:'',
Minutes:'',
Seconds:'',
}
},
methods:{
CallBack(){
let nowDate= new Date;
this.date=nowDate;
this.Minutes=(60-nowDate.getMinutes()-1).toString();
this.Seconds=(60-nowDate.getSeconds()).toString();
}
},
created(){
let nowDate= new Date;
this.hours=nowDate.getHours()+1
},
mounted(){
let timer= setInterval(this.CallBack,1000)
}
}
</script>
<style lang="less">
.date{
display: flex
}
</style>