Vue implements the countdown component for second kills

<template>
  <div>
      <input type="datetime-local" :min="currentTime" placeholder="Please enter the start time of the flash sale" v-model="startTime">
      <button @click="submit">Start timing</button>
  </div>
  <div>
      <h1>{{ countDownTime }}</h1>
  </div>
</template>

<script>
let timer = null;
let tipTextPrefix = 'Time left until the flash sale starts: ';
import moment from "moment";
export default {
    name: 'CountDown',
    data() { return {
        currentTime: moment().format('YYYY-MM-DDTHH:mm'), // Please use the server time calculated in steps 1-3 startTime: moment().format('YYYY-MM-DDTHH:mm'),
        countDownTime: tipTextPrefix + '0 days 0 hours 0 minutes 0 seconds'
    }},
    methods: {
        submit: function() {
            const _this = this;
            clearInterval(timer);
            timer = setInterval(() => {
                _this.countDownTime = _this.countDown();
            }, 1000);
        },
        countDown: function() {
            console.log(this.startTime);
            const seconds = moment(this.startTime).diff(new Date, 'seconds');
            if (seconds <= 0) {
                clearInterval(timer);
                return 'Second sale has started';
            }
            const second = seconds%60;
            const minutes = (seconds-second) / 60;
            const minute = minutes%60;
            const hours = (minutes-minute) / 60;
            const hour = hours%24;
            const day = (hours-hour) / 24;
            const res = tipTextPrefix + day + 'day' + hour + 'hour' + minute + 'minute' + second + 'second';
            return res;
        }
    },
}
</script>

<style>

</style>