js 实现自动打字

缺乏、安全感 2022-04-16 06:20 314阅读 0赞

>              使用js代码使用自动打字案例，记录一下。
> 
>     <!DOCTYPE html>
>     <html>
>     	<head>
>     		<meta charset="UTF-8">
>     		<title>定时器</title>
>     		<script type="text/javascript">
>     			var s = "我们的明天更加美好!Yeah!!!";
>     			var i=0;
>     			var divObj;
>     			function init(){
>     				divObj = document.getElementById("divId");
>     				setInterval(show,300);
>     			}
>     			
>     			var show = function(){
>     				if(i<=s.length)
>     					if(i==s.length)
>     						i=0;
>     						
>     					divObj.innerHTML=s.slice(0,i++)+"_";
>     			}
>     		</script>
>     	</head>
>     	<body onload="init()" id="ob">
>     		<div id="divId"></div>
>     	</body>
>     </html>
> 
> ** slice() 方法可从已有的数组中返回选定的元素。**
> 
>  
> 
> ### 语法 ###
> 
>     arrayObject.slice(start,end)
> 
> <table> 
>  <tbody> 
>   <tr> 
>    <th>参数</th> 
>    <th>描述</th> 
>   </tr> 
>   <tr> 
>    <td>start</td> 
>    <td>必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。</td> 
>   </tr> 
>   <tr> 
>    <td>end</td> 
>    <td>可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。</td> 
>   </tr> 
>  </tbody> 
> </table>

**运行结果:**

![2018111817554692.png][]

[2018111817554692.png]: /images/20220416/3f47924c27f0452fb197d89255fc5521.png

发表评论取消回复

表情：

评论列表（有 0 条评论，314人围观）

还没有评论，来说两句吧...

相关阅读

相关自动打字软件完美解决不能复制粘贴（批改网）自动输入（金山打字）等问题

自动打字软件完美解决不能复制粘贴（批改网）自动输入（金山打字）等问题简单一个小软件完全免费有问题欢迎咨询q3095563063一起讨论源码主要基于Robot类

曾经终败给现在/ 2024年04月01日 09:22/ 0 赞/ 79 阅读

相关 css 自动打字效果的实现

阅读目录最终效果 index.html index.js index.css 最终效果 ![在这里插入图片描述][

拼搏现实的明天。/ 2023年10月07日 20:16/ 0 赞/ 80 阅读

相关 UNI使用js实现简单的打字效果

项目特效，实现打字样式，但是css的特效不支持多行文字，所以暂时用js实现文字打字特效 template： <view>{ {teststr}}

阳光穿透心脏的1/2处/ 2023年06月26日 05:55/ 0 赞/ 9 阅读

相关 java实现坏键盘打字

import java.util.HashSet; import java.util.Scanner; import java.util.Set;

你的名字/ 2023年06月16日 14:58/ 0 赞/ 17 阅读

相关 java打字游戏获取时间_java实现快速打字游戏

本文实例为大家分享了java实现打字游戏的具体代码，供大家参考，具体内容如下 import java.util.Random; import java.util.Scann

妖狐艹你老母/ 2022年10月23日 08:29/ 0 赞/ 227 阅读

相关 JS实现自动刷新

JavaScript强制刷新页面的实现代码 JavaScript刷新页面的几种方法： 1 history.go(0) 2 location.reload()

ゝ一世哀愁。/ 2022年06月10日 11:18/ 0 赞/ 202 阅读

相关 js模仿打字效果的方法

模仿打字效果： function typing()\{ var divTyping = $('.txt2'); if (i <= mobile.len

蔚落/ 2022年05月29日 01:36/ 0 赞/ 228 阅读

相关原生JS实现打字游戏

第一步：页面的排版和布局 1.1实现开始游戏的界面 1.1.1开始游戏 1.1.2游戏说明

我会带着你远行/ 2022年05月22日 12:18/ 0 赞/ 262 阅读

相关 Js实现简单的动态打字功能

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

布满荆棘的人生/ 2022年05月14日 15:50/ 0 赞/ 280 阅读

相关 js 实现自动打字

> 使用js代码使用自动打字案例，记录一下。 > > <!DOCTYPE html> > <html> > <head>

缺乏、安全感/ 2022年04月16日 06:20/ 0 赞/ 315 阅读