js文字逐个显示
定时器每隔一段时间，替换文本内容，，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
相关文章：
js文字逐个显示
定时器每隔一段时间，替换文本内容，，substring 截取更多的字符串显示 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Title</title> </head> <body…...
电子沙盘数字沙盘大数据人工智能开发教程第16课
电子沙盘数字沙盘大数据可视化GIS系统开发教程第16课：新增加属性在MTGIS3d控件 public bool ShowFLGrid;//是否显 示方里网格。 public bool Atmosphere;//是否显示大气圈。（因为WPF不支持shader功能，所以效果嘛。。。） 在SDK中为…...
dockerfile lnmp 搭建wordpress、docker-compose搭建wordpress
-----------------安装 Docker--------------------------- 目前 Docker 只能支持 64 位系统。systemctl stop firewalld.service setenforce 0#安装依赖包 yum install -y yum-utils device-mapper-persistent-data lvm2 --------------------------------------------------…...
手写模拟SpringBoot核心流程
通过手写模拟实现一个Spring Boot，让大家能以非常简单的方式就能知道Spring Boot大概是如何工作的。 依赖 建一个工程，两个Module: 1.springboot模块，表示springboot框架的源码实现 2.user包，表示用户业务系统，用来写…...
怒刷LeetCode的第26天（Java版）
第一题 题目来源 64. 最小路径和 - 力扣（LeetCode） 题目内容 解决方法 方法一：动态规划 可以使用动态规划来解决这个问题。 首先创建一个与网格大小相同的二维数组dp，用于存储从起点到每个位置的最小路径和。然后初始化dp[0…...
Linux文件基本权限
一、Linux权限 简介 在Linux系统中，每个文件和目录都有读（r），写（w）和执行（x）权限，这些权限决定了用户对该文件或目录的访问方式。Linux服务器上有严格的权限等级，如果权限过高导致误操作会增加服务器的风险。文件权限 只有root用户和文件拥有者才可以修改文件访问权…...
Unity设计模式——装饰模式
装饰模式（Decorator），动态地给一个对象添加一些额外的职责，就增加功能来说，装饰模式比生成子类更为灵活。 Component类： abstract class Component : MonoBehaviour {public abstract void Operation(); …...
Http请求响应 Ajax 过滤器
10/10/2023 近期总结： 最近学的后端部署，web服务器运行，各种请求响应，内容很多，学的很乱，还是需要好好整理，前面JavaSE内容还没有完全掌握，再加上一边刷题，感觉压力很大哈…...
【Qt控件之QTableWidget】使用及技巧
简介 QTableWidget是Qt中的表格控件，用于显示和编辑二维表格数据，QTableView类的子类。 可以和定时器结合，实现定时刷新表格中的数据或执行其他与表格相关的操作。 主要函数说明 定时器相关函数(用于刷新表格数据)： void startT…...
算法-动态规划/中心扩散法-最长回文子串
算法-动态规划/中心扩散法-最长回文子串 1 题目概述 1.1 题目出处 https://leetcode.cn/problems/longest-palindromic-substring 1.2 题目描述 2 动态规划 2.1 思路 dp[i][j] 表示[i,j]之间的字符串是否是回文。 那么，如果chars[i] chars[j]时，就…...
SpringMVC中使用CharacterEncodingFilter编码过滤器处理请求和响应的乱码问题)
(6)SpringMVC中使用CharacterEncodingFilter编码过滤器处理请求和响应的乱码问题
处理SpringMVC中乱码问题 处理原生Servlet中请求和响应的乱码问题,参考文章 Servlet中的过滤器的实现及其原理,参考文章 配置CharacterEncodingFilter 在Servlet规范中要求request和response对象设置编码之前不能有获取请求参数和响应数据的操作,否则后续设置的编码都将不起…...
USB协议层数据格式
USB协议 1. 硬件拓扑结构2. 协议层2.1 字节/位传输顺序2.2 SYNC域2.3 包格式2.3.1 PID域2.3.2 令牌包(Token)2.3.3 数据包2.3.4 握手包 2.4 传输细节2.4.1 传输(Transfer)和事务(Transaction)2.4.2 过程(stage)和阶段(phase)2.4.3 批量传输2.4.4 中断传输2.4.5 实时传输2.4.6 控…...
加密的重要性，MySQL加密有哪些好处?
加密是一种将信息转化为无法直接读取的格式的技术，从而保护信息安全。在当今数字化的世界中，数据已成为企业的重要资产，因此加密的重要性不言而喻。在这篇文章中，我们将探讨MySQL加密的好处以及如何选择合适的加密算法。 MySQL加密…...
Python为Excel中每一个单元格计算其在多个文件中的平均值
本文介绍基于Python语言，对大量不同的Excel文件加以跨文件、逐单元格平均值计算的方法。 首先，我们来明确一下本文的具体需求。现有一个文件夹，其中有如下所示的大量Excel文件，我们这里就以.csv文件为例来介绍。其中，每…...
LLM 系列之 Transformer 组件总结
本系列为LLM 学习博客，会一一记录各个模块解读。 以下内容参考:大语言模型综述 https://github.com/RUCAIBox/LLMSurvey 主流架构 大语言模型，主要的核心组件是Transformer。不同的模型选择的架构不一样，目前主流架构有： 编码器…...
计算机等级考试—信息安全三级真题十
目录 一、单选题 二、填空题 三、综合题 一、单选题...
面试总结(mysql定精度/oom排查/spring三级缓存/stream流)
Mysql数据类型上的一个把握 1、MySQL Decimal为什么不会丢失精度 DECIMAL的存储方式和其他数据类型都不同，它是以字符串形式存储的。假设一个字段为DECIMAL(3,0)，当我们存入100时，实际上存入的1、0、0这三个字符拼接而成的字符串的二进制值&…...
uniapp四个元素点击那个哪个变色，其他的还变原来的颜色
在UniApp中，可以使用CSS伪类选择器和动态样式绑定来实现点击某个元素时改变其颜色的效果。假设有四个元素分别为A、B、C和D。 首先，为这四个元素添加一个共同的类名，例如"item"。 然后，在页面的样式中定义两种颜色&am…...
Springcloud笔记（2）-Eureka服务注册
Eureka服务注册 服务注册，发现。 在Spring Cloud框架中，Eureka的核心作用是服务的注册和发现，并实现服务治理。 Eureka包含两个组件：Eureka Server和Eureka Client。 Eureka Server提供服务注册服务，各个节点启动后…...
国庆 day 5
QT实现TCP服务器客户端搭建的代码，现象 服务器 #include "widget.h" #include "ui_widget.h"Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget) {ui->setupUi(this);server new QTcpServer(this);connect (server,&…...
变量 varablie 声明- Rust 变量 let mut 声明与 C/C++ 变量声明对比分析
一、变量声明设计：let 与 mut 的哲学解析 Rust 采用 let 声明变量并通过 mut 显式标记可变性，这种设计体现了语言的核心哲学。以下是深度解析： 1.1 设计理念剖析 安全优先原则：默认不可变强制开发者明确声明意图 let x 5; …...
第19节 Node.js Express 框架
Express 是一个为Node.js设计的web开发框架，它基于nodejs平台。 Express 简介 Express是一个简洁而灵活的node.js Web应用框架, 提供了一系列强大特性帮助你创建各种Web应用，和丰富的HTTP工具。 使用Express可以快速地搭建一个完整功能的网站。 Expre…...
模型参数、模型存储精度、参数与显存
模型参数量衡量单位 M：百万（Million） B：十亿（Billion） 1 B 1000 M 1B 1000M 1B1000M 参数存储精度 模型参数是固定的，但是一个参数所表示多少字节不一定，需要看这个参数以什么…...
uni-app学习笔记二十二---使用vite.config.js全局导入常用依赖
在前面的练习中，每个页面需要使用ref，onShow等生命周期钩子函数时都需要像下面这样导入 import {onMounted, ref} from "vue" 如果不想每个页面都导入，需要使用node.js命令npm安装unplugin-auto-import npm install unplugin-au…...
Python爬虫（二）：爬虫完整流程
爬虫完整流程详解（7大核心步骤实战技巧） 一、爬虫完整工作流程 以下是爬虫开发的完整流程，我将结合具体技术点和实战经验展开说明： 1. 目标分析与前期准备 网站技术分析： 使用浏览器开发者工具（F12&…...
【决胜公务员考试】求职OMG——见面课测验1
2025最新版！！！6.8截至答题，大家注意呀！ 博主码字不易点个关注吧,祝期末顺利~~ 1.单选题(2分) 下列说法错误的是:（ B ） A.选调生属于公务员系统 B.公务员属于事业编 C.选调生有基层锻炼的要求 D…...
今日科技热点速览
🔥 今日科技热点速览 🎮 任天堂Switch 2 正式发售 任天堂新一代游戏主机 Switch 2 今日正式上线发售，主打更强图形性能与沉浸式体验，支持多模态交互，受到全球玩家热捧 。 🤖 人工智能持续突破 DeepSeek-R1&…...
【HTTP三个基础问题】
面试官您好！HTTP是超文本传输协议，是互联网上客户端和服务器之间传输超文本数据（比如文字、图片、音频、视频等）的核心协议，当前互联网应用最广泛的版本是HTTP1.1，它基于经典的C/S模型，也就是客…...
laravel8+vue3.0+element-plus搭建方法
创建 laravel8 项目 composer create-project --prefer-dist laravel/laravel laravel8 8.* 安装 laravel/ui composer require laravel/ui 修改 package.json 文件 "devDependencies": {"vue/compiler-sfc": "^3.0.7","axios": …...
在Ubuntu24上采用Wine打开SourceInsight
1. 安装wine sudo apt install wine 2. 安装32位库支持，SourceInsight是32位程序 sudo dpkg --add-architecture i386 sudo apt update sudo apt install wine32:i386 3. 验证安装 wine --version 4. 安装必要的字体和库（解决显示问题） sudo apt install fonts-wqy…...