js写一个简单的倒计时

一. 首先,我们要了解一下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>

猜你喜欢

转载自blog.csdn.net/qq_36971710/article/details/83785939