首页 > 其他分享 >js打字输出效果

js打字输出效果

时间:2023-08-21 17:45:55浏览次数:32  
标签:输出 p1 打字 js innerText 啊啊啊 var

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p id="p1">啊啊啊啊啊啊啊啊啊啊啊啊啊</p>
</body>
<script>
    var p1 = document.getElementById("p1");
    var p2 = p1.innerText.split('');
    p1.innerText='';
    var i=0;
    var qText = setInterval(function () {
        if (i<p2.length){
            p1.innerText +=p2[i];
            i++;
        }else {
            clearInterval(qText);
        }
    },100);
</script>
</html>

 2.百度

5行代码带你实现一个js的打字效果

标签:输出,p1,打字,js,innerText,啊啊啊,var
From: https://www.cnblogs.com/xmyfsj/p/17646657.html

相关文章

  • template 和 jsx 用法对比
    整体结构jsx类似vue3中的setup钩子函数?import{defineComponent,reactive,ref}from'vue';exportdefaultdefineComponent({props:{},setup:(props,{})=>{return()=>{return<></>;};},});或者具名组件i......
  • BOSHIDA DC电源模块如何调节电源输出电压和电流
    BOSHIDADC电源模块如何调节电源输出电压和电流DC电源模块是一种电源转换器,在电子设备中广泛使用。它可以将交流电转换为直流电,或者将低电压直流电转换为高电压直流电。DC电源模块通常可以调节输出电压和电流,以满足各种电子设备的不同需求。 一般来说,DC电源模块的电压调节是......
  • JSON常见用法:json.load()、json.loads()、json.dump()、json.dumps()
    JSON的定义JSON指的是JavaScript对象表示法(JavaScriptObjectNotation)JSON是轻量级的文本数据交换格式JSON独立于语言JSON具有自我描述性,更易理解常用的方法json.load()从json文件中读取数据json.loads()将str类型的数据转换为dict类型json.dumps......
  • js计算一串数字最长子链长度
    假设有一串字符串"186186150200160130197200";现在求它的最长升序子串长度。letstr="186186150200160130197200";letarr=str.split(""); //转化为数组letarrLeft=[]; //存储每个数左边小于其的数的个数for(leti=0;i<arr.length;i++){  arrLeft[i]=......
  • nvm 管理 Node.js 版本
    通过NVM安装、管理Node.js版本(Windows)介绍NVM可以让我们通过指令安装指定版本,并且可以切换当前Node.js版本,不用花时间在解决升版和降版。安装链接:https://github.com/coreybutler/nvm-windows选择最新版nvm-setup.exe下载下载下载完成后安装同意协议......
  • JS面试题
    事件委托事件委托本质上是利用了浏览器事件冒泡的机制。因为事件在冒泡过程中会传递到父节点;因此可以把子节点的监听函数定义在父节点上(这样父节点就是绑定事件的节点),父节点可以通过事件对象获取目标节点(就是触发事件的节点),由父节点的监听函数统一处理多个子元素的事件,这种方式......
  • 【开源三方库】bignumber.js:一个大数数学库
    OpenHarmony(OpenAtom OpenHarmony简称“OpenHarmony”)三方库,是经过验证可在OpenHarmony系统上可重复使用的软件组件,可帮助开发者快速开发OpenHarmony应用。如果是发布到开源社区,称为开源三方库,开发者可以通过访问开源社区获取。接下来我们来了解bignumber.js开源三方库。bignum......
  • 模拟集成电路设计系列博客——1.1.6 输出阻抗增强电流镜
    1.1.6输出阻抗增强电流镜另一种常用的Cascode电流镜的变种是输出阻抗增强电流镜,一种简单电路形式如下图所示:其基本思路是利用一个反馈放大器来尽可能地保证\(Q_2\)两端地漏源电压尽可能地稳定,而不需要考虑输出电压。添加了这个放大器后,理想上将Cascode电流镜地输出阻抗增大了1......
  • 6.3 填充和步幅 & 卷积层的输出形状公式
    一.填充1.作用:为了防止丢失边缘像素。如240x240的像素图像,经过10层5x5卷积,变成了200x200像素。可以根据输出形状计算公式(w-k+1)x(h-k+1)计算得出。2.方法:最常用的方法是填充0。如下:3.公式:计算填充原图像后的输出形状假设填充p行(上面填充p/2行,下面填充p/2行),p列。输出大小为:w......
  • JS的执行还分是谁发起的?
    这一部分首先我们考虑一下,如果我们是浏览器或者Node的开发者,我们该如何使用JavaScript引擎。当拿到一段JavaScript代码时,浏览器或者Node环境首先要做的就是;传递给JavaScript引擎,并且要求它去执行。然而,执行JavaScript并非一锤子买卖,宿主环境当遇到一些事件时,会继续......