VUE3+TS实现文本打字机效果

VUE3+TS实现文本打字机效果

使用setInterval定义Timer实现

let probabilityTimer
let probabilityTexts = "如果你说你在下午四点来，从三点钟开始，我就开始感觉很快乐，时间越临近，我就越来越感到快乐。"
let smallModelProbability = ref("")

const displayProbabilityByOne = () => {

  let curIndex = 0
  probabilityTimer = setInterval(() => {
    //先清空
    smallModelProbability.value = ""

    smallModelProbability.value = probabilityTexts.substr(0, curIndex);
    if (curIndex < probabilityTexts.length) {
      curIndex++
    }
    else {
      clearInterval(probabilityTimer);

      displayTextByOne()
    }
  }, 20)    //20是时间间隔
}