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,&…...
: K8s 核心概念白话解读(上)：Pod 和 Deployment 究竟是什么？)
云原生核心技术 (7/12): K8s 核心概念白话解读(上)：Pod 和 Deployment 究竟是什么？
大家好，欢迎来到《云原生核心技术》系列的第七篇！ 在上一篇，我们成功地使用 Minikube 或 kind 在自己的电脑上搭建起了一个迷你但功能完备的 Kubernetes 集群。现在，我们就像一个拥有了一块崭新数字土地的农场主，是时…...
设计模式和设计原则回顾
设计模式和设计原则回顾 23种设计模式是设计原则的完美体现，设计原则设计原则是设计模式的理论基石， 设计模式 在经典的设计模式分类中（如《设计模式：可复用面向对象软件的基础》一书中），总共有23种设计模式，分为三大类： 一、创建型模式（5种） 1. 单例模式（Sing…...
iPhone密码忘记了办？iPhoneUnlocker，iPhone解锁工具Aiseesoft iPhone Unlocker 高级注册版分享
平时用 iPhone 的时候，难免会碰到解锁的麻烦事。比如密码忘了、人脸识别 / 指纹识别突然不灵，或者买了二手 iPhone 却被原来的 iCloud 账号锁住，这时候就需要靠谱的解锁工具来帮忙了。Aiseesoft iPhone Unlocker 就是专门解决这些问题的软件&…...
Objective-C常用命名规范总结
【OC】常用命名规范总结 文章目录 【OC】常用命名规范总结1.类名（Class Name)2.协议名（Protocol Name)3.方法名（Method Name)4.属性名（Property Name）5.局部变量/实例变量（Local / Instance Variables&…...
Golang dig框架与GraphQL的完美结合
将 Go 的 Dig 依赖注入框架与 GraphQL 结合使用，可以显著提升应用程序的可维护性、可测试性以及灵活性。 Dig 是一个强大的依赖注入容器，能够帮助开发者更好地管理复杂的依赖关系，而 GraphQL 则是一种用于 API 的查询语言，能够提…...
第25节 Node.js 断言测试
Node.js的assert模块主要用于编写程序的单元测试时使用，通过断言可以提早发现和排查出错误。 稳定性: 5 - 锁定 这个模块可用于应用的单元测试，通过 require(assert) 可以使用这个模块。 assert.fail(actual, expected, message, operator) 使用参数…...
Java多线程实现之Thread类深度解析
Java多线程实现之Thread类深度解析 一、多线程基础概念1.1 什么是线程1.2 多线程的优势1.3 Java多线程模型 二、Thread类的基本结构与构造函数2.1 Thread类的继承关系2.2 构造函数 三、创建和启动线程3.1 继承Thread类创建线程3.2 实现Runnable接口创建线程 四、Thread类的核心…...
代码随想录刷题day30
1、零钱兑换II 给你一个整数数组 coins 表示不同面额的硬币，另给一个整数 amount 表示总金额。 请你计算并返回可以凑成总金额的硬币组合数。如果任何硬币组合都无法凑出总金额，返回 0 。 假设每一种面额的硬币有无限个。 题目数据保证结果符合 32 位带…...
SQL慢可能是触发了ring buffer
简介 最近在进行 postgresql 性能排查的时候，发现 PG 在某一个时间并行执行的 SQL 变得特别慢。最后通过监控监观察到并行发起得时间 buffers_alloc 就急速上升，且低水位伴随在整个慢 SQL，一直是 buferIO 的等待事件，此时也没有其他会话的争抢。SQL 虽然不是高效 SQL ，但…...
08. C#入门系列【类的基本概念】：开启编程世界的奇妙冒险
C#入门系列【类的基本概念】：开启编程世界的奇妙冒险 嘿，各位编程小白探险家！欢迎来到 C# 的奇幻大陆！今天咱们要深入探索这片大陆上至关重要的 “建筑”—— 类！别害怕，跟着我，保准让你轻松搞…...