计时器intervalId和进度条el-progress

<template>
  <H3>计时器intervalId和进度条el-progress</H3>
  <div class="demo-progress">
    <el-progress :percentage="percentage" />
  </div>
</template>

<script lang="ts" setup>
import { onMounted, ref } from "vue";
let percentage = ref(0);
function jishufu() {
  // 设置一个计时器，每隔1秒执行一次
  const intervalId = setInterval(function () {
    percentage.value++;
    // 如果倒计时结束，则清除计时器
    if (percentage.value >= 100) {
      clearInterval(intervalId);
    }
  }, 1000);
}
onMounted(() => {
  jishufu();
});
</script>

<style scoped>
.demo-progress .el-progress--line {
  margin-bottom: 15px;
  max-width: 600px;
}
</style>