js文字逐个显示

定时器每隔一段时间，替换文本内容，，substring 截取更多的字符串显示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="content">

</div>

<script>
  let content = '足球是一项全球性的运动，它不仅是一项体育竞技，更是一种文化、一种生活方式。足球在世界范围内的影响力越来越大，成为了连接人们的纽带，也成为了国家间交流的重要方式。' +
          '
首先，足球是一项激烈的体育竞技，需要运动员们在球场上付出巨大的努力才能取得胜利。在足球比赛中，每个球员都需要充分发挥自己的技术和智慧，与队友共同完成进攻和防守的任务，才能够在比赛中取得胜利。这种团队合作的精神不仅让运动员们更好地理解合作和信任的重要性，也让他们更加珍视团队的荣誉和成就。' +
          '
其次，足球也是一种文化，它承载了许多国家和民族的文化和历史。足球比赛不仅仅是一场比赛，更是一种文化交流。在足球比赛中，球迷们会为自己喜欢的球队疯狂呐喊，为球队加油打气，这种热情和激情也成为了足球文化的重要组成部分。同时，足球也是一种跨越国界的文化，足球比赛将不同国家和民族的人们紧密联系在一起，促进了国际间的交流与合作。' +
          '
第三，足球也是一种生活方式。足球在许多国家和地区都成为了人们生活中的重要组成部分。在周末的时候，球迷们会聚集在一起观看比赛，共同享受足球的乐趣。足球也成为了一种生活方式，许多人会通过踢球来锻炼身体、缓解压力，还有一些人会通过足球来结交朋友、扩大社交圈。' +
          '
总之，足球不仅仅是一项体育运动，更是一种文化、一种生活方式。足球在全球范围内拥有广泛的影响力，它连接了人们的心灵，让人们更加接近，也更加理解彼此。足球不仅仅是一场比赛，更是一种精神，一种信仰，它让我们更加勇敢、坚定，更加热爱生活。';
  // 方法调用测试
  // addTxt('content', content);

  var box = document.querySelector("#content");
  let index = 0

  // function addTxt(){
  //   box.innerHTML = content.substring(0,index++)
  //   if (index > content.length){
  //     return
  //   }else{
  //     setTimeout(addTxt,50)
  //   }
  // }


  function addTxt(){
      let index = 0;
      let timer = setInterval(()=>{
          box.innerHTML = content.substring(0,index++)
          if (index >content.length){
              clearInterval(timer)
          }
      },50)
  }

  addTxt()

</script>

</body>
</html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

引用：https://blog.csdn.net/onepiece1991/article/details/81386998

相关阅读:
Notebook交互式完成目标检测任务
Java线程池理解与学习
时间序列预测实战(十六)PyTorch实现GRU-FCN模型长期预测并可视化结果
计算机网络中常见缩略词翻译及简明释要
MODBUS通信浮点数存储解析常用算法
HPM6750系列--第二篇搭建Ubuntu开发环境
java导出动态下拉框excel模板
Selenium安装报错：No matching distribution found for selenium。经个人尝试，问题已得到解决
ROS录制并使用数据集（bag）代码命令合集（欢迎补充）
2.redis缓存数据库学习

原文地址：https://blog.csdn.net/qq_36022463/article/details/133758013