Javascript打字机无限循环
JavaScript打字机无限循环是指通过JavaScript代码实现一个无限循环的打字机效果。在这个效果中，文字会不断地以打字机的方式逐个显示出来，直到全部显示完毕后再重新开始循环。
这个效果可以通过以下步骤实现：
- 创建一个HTML页面，并在页面中添加一个用于显示文字的元素，例如一个
<div>元素。 - 在JavaScript中，使用一个数组来存储要显示的文字内容。每个文字可以作为数组的一个元素。
- 使用JavaScript的定时器函数（例如
setInterval()）来定时执行一个函数，该函数用于逐个显示文字。 - 在定时器函数中，通过修改文字元素的内容，逐个显示数组中的文字。可以使用字符串拼接或者字符串切片的方式来实现逐个显示的效果。
- 当显示完所有文字后，重新开始循环，即将文字元素的内容重置为空，然后再次逐个显示文字。
以下是一个简单的示例代码：
<!DOCTYPE html>
<html>
<head>
<title>JavaScript打字机无限循环</title>
</head>
<body>
<div id="text"></div>
<script>
var textElement = document.getElementById("text");
var textArray = ["Hello", "World", "JavaScript", "Typewriter", "Infinite", "Loop"];
var currentIndex = 0;
function typeWriter() {
textElement.innerHTML = "";
var currentText = textArray[currentIndex];
var i = 0;
var interval = setInterval(function() {
if (i < currentText.length) {
textElement.innerHTML += currentText.charAt(i);
i++;
} else {
clearInterval(interval);
setTimeout(function() {
typeWriter();
}, 2000); // 等待2秒后重新开始循环
}
}, 100); // 每100毫秒显示一个字符
currentIndex = (currentIndex + 1) % textArray.length;
}
typeWriter();
</script>
</body>
</html>这个示例代码会在页面中创建一个<div>元素，并将文字逐个显示为"Hello"、"World"、"JavaScript"、"Typewriter"、"Infinite"、"Loop"，然后重新开始循环。每个字符的显示间隔为100毫秒，每次循环之间的间隔为2秒。
这个效果可以用于网站的欢迎页面、特殊公告的展示等场景。在腾讯云的产品中，可以使用腾讯云的云服务器（CVM）来托管网站，并使用腾讯云的云数据库（TencentDB）来存储文字内容。具体的产品介绍和链接地址可以参考腾讯云的官方文档。
相关·内容
我正在使用这个中的打字机效果。typewrite > .wrap { border-right: 0.08em solid #fff}";};
问题是，我对JavaScript目前，键入是无限循环的。我希望它只播放一遍，然后停止(离开页面上的最后一组文本)。我该怎么做？
浏览 37提问于2018-07-11得票数 0
3回答
我有一个jQuery效果，可以像打字机一样输入简单的文本，或者如果你是手动输入的话。我需要等待几秒钟的效果，删除所有的文本，然后重新键入它。所以我想让它产生一种“无限”的循环效果。这是我使用的代码：<script type="text/javascript<
浏览 2提问于2012-11-11得票数 0
回答已采纳
3回答
我有一种使用Javascript在文本中添加打字机效果的方法。我想知道这段代码是否会产生无限循环，为什么？如果有人能给我提供其他的方法来得到通缉的结果。
浏览 6提问于2020-03-20得票数 2
回答已采纳
下面的Idris证明没有打打字机。xs = x :: Delay xs x :: Delay (tail (x :: Delay xs)) = x :: Delay xs
对于非空的Vect的打字机也有类似的证明我的工作理论是，Idris不喜欢简化Delay内部的任何东西，因为这样可能会进入无限循环。
浏览 3提问于2018-01-03得票数 6
如何在javascript中编写一个不会使浏览器崩溃的无限循环。我在互联网上发现了关于javascript中无限循环的两件事.还有..。Loop;
在代码的末尾，它会无限地循环通过代码，但是我错了，有什么正确的方法可以无限地循环代码，不会使我的浏览器崩溃呢？
浏览 0提问于2017-01-30得票数 1
我的想法是。我的员工数量有限。这些工人必须做一些工作。当工人完成工作后，他必须从事其他工作，直到完成所有的工作。function createWorker(num){ new Promise( setTimeout(() => { resolve({worker: this, num: this.num, job: job}); }, 5000); )}
浏览 1提问于2017-05-20得票数 0
1回答
我的javascript有个问题。我面临的问题是，用我的一个页面的网站。我有一个在div中运行的typewriter.js。我想要完成的是，当你向上或向下滚动时，打字机会“冻结”(暂停)，当你滚动回页时，打字机又会继续。</p>Javascript onepageif(anchorLink == 'Illusiveman'){
$(".type-o").typew
浏览 4提问于2014-07-29得票数 0
回答已采纳
0回答
我正在制作JavaScript算法，它生成简单的数学问题(问题)，所有可能的组合都按随机顺序进行。1+27+2有效的组合是加数字。问题是当我尝试生成带负号的数字时。firstNumber(较大)-secondNumber(较低)4-1不管怎么说，代码执行无限循环，我搞不懂。请提供工作示例的帮助。如果你有任何问题，请写在评论区。
浏览 12提问于2017-12-17得票数 2
谈到JavaScript，我绝对是个新手。我在堆栈溢出和网络中搜索了为什么这个JavaScript for循环没有无限循环的原因，但是我还没有找到一个明确的答案。我目前在我的网站上使用这个循环，一个我借用和修改的循环，它正在按预期工作；但是，我想知道为什么它不是无限循环。我的印象是，for循环的第一条语句定义了循环变量，第二条语句设置了循环条件(这防止了无限<em
浏览 3提问于2014-01-16得票数 1
回答已采纳
2回答
这个例子非常直截了当，我试图改变焦点按钮一个又一个按钮。但是，我不能做的是，当整个过程结束时，让整个过程从按钮1中重复。for (i = 0; i < allButtons.length; i++) { setTimeout(function() { }, 1000*index);}
<input type="b
浏览 1提问于2011-05-18得票数 2
回答已采纳
2回答
我正在学习javascript中的for循环，并尝试一些我编写的基本代码。
此代码生成一个无限循环，该循环只在控制台中无限期地打印数字4。
浏览 1提问于2019-04-03得票数 0
回答已采纳
我想做一个类似于无限猴子定理的代码，定理说：
(A)时间循环是无限循环吗？(C)其他因由再一次请求，如果我将来遇到这种情况，如何检测，不管是(A)，(B)，(C)？
浏览 7提问于2016-09-10得票数 1
回答已采纳
listDirectory dir putStrLn $ "Files " ++ show files
这两种定义都是从打字机中接受的在读取某些文件时，它看起来是一个无限循环。另外，是否可以将listDirectory的do-箭头行与在路径前面的map (dir </>)组合成一行呢？
浏览 0提问于2018-12-14得票数 3
回答已采纳
我制作了一个android应用程序，它在webview中显示了一个带有javascript的内部html。javascript有一个无限循环，每分钟更新一次视图。问题是，当我用后退按钮关闭我的应用程序后，javascript继续其无限循环.为什么会发生这种事，我怎样才能防止这种情况发生？
谢谢!L.
浏览 2提问于2014-04-07得票数 1
回答已采纳
t = setTimeout('type()',50);}
我正在尝试这个打字机的想法，但我想打印一个句子(不是以打字机的风格)后，打字机做了它的事情。如果这是一个非常基本的问题，我很抱歉，我只是从JavaScript开始。
浏览 2提问于2013-07-30得票数 0
回答已采纳
我使用for循环在javascript中创建了一个简单的计时器，但是在单击按钮调用函数test()时，整个页面冻结了，所以我假设我在某个地方有一个无限循环，这是我的代码：<head>
<
浏览 1提问于2014-01-29得票数 0
我没有那么有经验的代码，我被下面的代码块底部的while循环卡住了
我的代码应该获取日期，检查今天是否是我们不发货的日子(周六、周日、节假日)，如果是，则添加1天，直到它找到我们打开的下一天，并将其写入文档
浏览 0提问于2013-04-10得票数 0
回答已采纳
2回答
我正在做我的第一个游戏蛇，但我有一个问题，有时我吃了一个矩形，并试图生成另一个我的脚本崩溃，我有一个无限循环。
浏览 2提问于2015-03-07得票数 0
1回答
假设我有一个无限的javascript循环，它递增一个数字并将其显示在屏幕上。我在屏幕上还有一个暂停计时器的按钮。
如果javascript正在经历这个无限循环，我怎么才能让暂停按钮停止循环呢？
浏览 2提问于2013-04-13得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
