uniapp实现如何使用定时器实现页面倒计时效果

<template><view><text>{{countdown}}</text></view></template><script>export default {  data() {    return {      countdown: 10, // 初始化倒计时时间      timer: null // 定义定时器变量    };  },  onShow() {    this.startCountdown(); // 在页面显示时开始倒计时  },  onHide() {    this.stopCountdown(); // 在页面隐藏时停止倒计时  },  methods: {    startCountdown() {      this.timer = setInterval(() => {        if (this.countdown <= 0) {          this.stopCountdown(); // 倒计时结束时停止倒计时        } else {          this.countdown--; // 每个时间间隔倒计时减1        }      }, 1000); // 每隔1秒执行一次    },    stopCountdown() {      clearInterval(this.timer); // 停止定时器    }  }};</script><style>/* 样式可根据需求自定义 */text {  font-size: 30px;  color: red;}</style>