Uniapp实现一个时分秒的计时器

可以使用uniapp提供的计时器API来实现一个简单的时分秒计时器，代码如下：

<template>
  <view class="timer">
    <text class="time">{{ hour < 10 ? '0' + hour : hour }}:{{ minute < 10 ? '0' + minute : minute }}:{{ second < 10 ? '0' + second : second }}</text>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        hour: 0,
        minute: 0,
        second: 0,
        timer: null
      }
    },
    created() {
      this.timer = setInterval(() => {
        this.second++
        if (this.second >= 60) {
          this.second = 0
          this.minute++
          if (this.minute >= 60) {
            this.minute = 0
            this.hour++
          }
        }
      }, 1000)
    },
    destroyed() {
      clearInterval(this.timer)
    }
  }
</script>

<style>
  .timer{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
  }
  .time{
    font-size: 50px;
  }
</style>

上述代码中创建了一个计时器，每隔一秒钟更新一次时分秒，同时在组件销毁时清除计时器。在模板中渲染显示当前计时器的状态。注意，在计算时分秒位数不足两位时需要在前面补0，以保证显示效果的一致性。