vue3实现活动结束倒计时 时分秒

可以使用Vue.js的计算属性来实现活动结束倒计时的功能。具体做法是先获取服务器返回的活动结束时间戳，然后在计算属性中将当前时间和结束时间相减，得出剩余的时间戳。最后，将剩余时间戳转换为天、时、分、秒等信息，即可实现倒计时效果。以下是一个简单的实现示例：

<template>
  <div>{{ countdown }}</div>
</template>

<script>
export default {
  data() {
    return {
      endTime: 1633334400, // 活动结束时间戳
    };
  },
  computed: {
    countdown() {
      const now = Date.now() / 1000;
      const leftSeconds = Math.max(0, this.endTime - now); // 剩余时间戳
      const days = Math.floor(leftSeconds / 86400); // 剩余天数
      const hours = Math.floor((leftSeconds % 86400) / 3600); // 剩余小时数
      const minutes = Math.floor((leftSeconds % 3600) / 60); // 剩余分钟数
      const seconds = Math.floor(leftSeconds % 60); // 剩余秒数
      return `${days} 天 ${hours} 小时 ${minutes} 分钟 ${seconds} 秒`;
    },
  },
};
</script>

需要注意的是，此方法只是前端实现倒计时，如果需要保证倒计时的准确性，建议在后端保持服务器时间的一致性并将其返回给前端。