Javascript JQuery字母随机淡入

这是我第一次使用JQuery编写代码。下面是我的代码：

var div=document.getElementById（'fadeletters1'），
字母=div.textContent.split（“”）；
而（div.hasChildNodes（））div.removeChild（div.firstChild）；
对于（变量i=0；i
Helllooo这是对网站的测试
您正在更改转换发生的速率，而不是在转换开始之前更改延迟：


var div=document.getElementById（'fadeletters1'），
字母=div.textContent.split（“”）；
而（div.hasChildNodes（））div.removeChild（div.firstChild）；
对于（变量i=0；i
这是对网站的一次测试
问题是有两次延迟

一个用于动画，一个用于超时。这是一个超时时间，它真正提供了您想要的效果


//从原始字符串中获取字母。
变量字母=$（“#fadeletters1”）.text（）.split（“”）；
//删除原始字符串。
$（“#Fadeletter1”）。文本（“”）；
//为每个字母创建一个跨度，并将其附加到文档中。
字母。forEach（功能（项目、索引）{
变量span=$（“”）。文本（项）；
$（“#fadeletter1”）。追加（span）；
});
//为每个跨度设置动画
$（文档）。查找（“.fade”）。每个（函数（）{
//随机延迟
var delay=Math.random（）；
var字母=$（本）；
//设置超时以设置跨距动画
setTimeout（函数（）{
动画（{“不透明”：1}，延迟*1000）；
}，延迟*3000）；
});
.fade{
不透明度：0；
}

Hellooo这是对网站的测试
我试着用这些数字做实验，但这并不是我想要实现的。基本上，当网站加载时，我希望随机位置的字母淡入。目前，当网站加载时，我看到所有的字母都略微可见，然后随机字母淡入或变亮。我想我在链接网站上看到了这个示例后理解了（我没有意识到它在延迟后向下滚动之前出现！），看看我发布的内容是否是你想要的是！这很有效。还有一件事：如何隐藏此文本并移动到下一个单词？@GauravKumar您知道（从我使用的数字来看），最多需要4.6秒才能完成（延迟最多4秒，实际更改最多0.6秒），您可以设置一个超时，比如说5000毫秒，在这一点上删除div并添加另一个div，然后再次运行新代码div@GauravKumar我添加了一种方法，你可以这样做，看一看，我想隐藏第一个字母，把它放在上面，并保持循环。对此我需要做什么调整？顺便说一句，非常感谢。