uni-app 实现打字机效果(逐个显示文本)

<template>
  <view>
    <text>{{ typedText }}</text>
  </view>
</template>

<script>
export default {
  data() {
    return {
      text: "Hello, World!",
      typedText: ""
    };
  },
  mounted() {
    this.startTyping();
  },
  methods: {
    startTyping() {
      let currentIndex = 0;
      const typingSpeed = 100; // 打字速度，单位：毫秒

      const timer = setInterval(() => {
        this.typedText += this.text[currentIndex];
        currentIndex++;

        if (currentIndex >= this.text.length) {
          clearInterval(timer);
        }
      }, typingSpeed);
    }
  }
};
</script>