js文字逐个显示

news/2024/10/22 13:29:45/

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

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

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


http://www.ppmy.cn/news/1145381.html

相关文章

springboot项目静态资源映射

1. springboot项目静态资源映射 import org.springframework.boot.web.client.RestTemplateBuilder; import org.springframework.context.annotation.Bean; import

Maven 自动化构建

自动化构建定义了这样一种场景: 在一个项目成功构建完成后&#xff0c;其相关的依赖工程即开始构建&#xff0c;这样可以保证其依赖项目的稳定。 比如一个团队正在开发一个项目 bus-core-api&#xff0c; 并且有其他两个项目 app-web-ui 和 app-desktop-ui 依赖于这个项目。 …

5款日常使用电脑中会用到的小工具

​ 在日常使用电脑时&#xff0c;我们需要各种软件来完成任务。以下是几款小巧但功能齐全的软件推荐。 1.系统优化——Dism ​ Dism是一款基于Dism的系统优化工具&#xff0c;它可以帮助你清理系统垃圾&#xff0c;修复系统错误&#xff0c;管理驱动器和启动项&#xff0c;备…

EM@函数奇偶性性质@函数四则运算和复合运算后的奇偶性判断

文章目录 abstract奇函数和偶函数 函数奇偶性性质函数记号声明 四则运算性质和差乘积商 复合性质奇函数复合偶函数偶函数复合奇函数奇函数复合奇函数偶函数复合偶函数 奇偶性小结&#x1f388;倍乘非零常数不改变奇偶性 奇函数和偶函数表示定义域对称函数 abstract 函数奇偶性…

室内场景数据集分享

ScanNet: A High-Fidelity Dataset of 3D Indoor Scenes ScanNet是一个大规模数据集&#xff0c;将高质量和大众级别的室内场景的几何结构和颜色信息相结合。每个场景都使用高端激光扫描仪以亚毫米级分辨率进行扫描&#xff0c;同时还配备了一台数码单反相机拍摄的3300万像素图…

win1011安装MG-SOFT+MIB+Browser+v10b

文章目录 安装MG-SOFTSNMP服务配置安装MG-SOFT启动MIB-Browser以及错误解决MIB Browser使用 安装MG-SOFT win10和win11安装基本一样&#xff0c;所以参照下面的操作即可&#xff01; SNMP服务配置 打开设置&#xff0c;应用和功能&#xff0c;可选功能&#xff0c;选择添加功…

四.Docker容器技术

课程内容 DevOps和云原生Docker基础命令Docker安装软件Docker项目部署 一.DevOps和云原生 1.微服务的痛点 再来看一下我们的微服务架构 &#xff0c; 每个组件都需要服务器去部署&#xff0c;加起来可能需要几十个甚至上百个服务器。 这样的微服务项目在部署上会遇到什么问…

Stream 流式编程创建及其常用操作方法

目录 Stream 对象如何创建 Stream 常用的操作方法 1.过滤&#xff08;Filter&#xff09; 2.映射&#xff08;Map&#xff09; 3.扁平映射&#xff08;FlatMap&#xff09; 4.截断&#xff08;Limit&#xff09; 5.跳过&#xff08;Skip&#xff09; 6.排序&#xff08…