Javascript 如何在一秒钟的时间间隔内获取字符

var firstChar=“S”；
var secondChar=“O”；
var thirdChar=“N”；
var fourthChar=“Y”；
setTimeout（函数（）{
document.getElementById（“charOne”）.innerHTML+=firstChar；
}, 1000);
setTimeout（函数（）{
document.getElementById（“charTwo”）.innerHTML+=secondChar；
}, 2000);
setTimeout（函数（）{
document.getElementById（“charThree”）.innerHTML+=thirdChar；
}, 3000);
setTimeout（函数（）{
document.getElementById（“charFour”）.innerHTML+=fourthChar；
}, 4000);
我将使用单个字符串，并异步迭代，创建新的
并将其插入文档，而不是分配给现有跨度：


constdelay=ms=>newpromise（res=>setTimeout（res，ms））；
（异步（）=>{
for（索尼的常量字符）{
等待延迟（1000）；
document.body.insertAdjacentHTML（'beforeend'，`${char}`）；
}
})();我将使用单个字符串，并异步迭代，创建新的
并将其插入文档中，而不是分配给现有跨度：


constdelay=ms=>newpromise（res=>setTimeout（res，ms））；
（异步（）=>{
for（索尼的常量字符）{
等待延迟（1000）；
document.body.insertAdjacentHTML（'beforeend'，`${char}`）；
}
})();您可以使用函数
窗口。setInterval
如下所示，它将在N秒内执行处理程序

为了使其“干燥”，这种方法有点不同


让chars=[“S”、“O”、“N”、“Y”]，
i=0，
空格=”，
id=setInterval（函数（）{
document.getElementById（“word”）.innerHTML++=chars[i++]+SPACE；
如果（i==字符长度）clearInterval（id）；
}, 1000);
您可以使用函数
窗口。setInterval
如下所示，它将在N秒内执行处理程序

为了使其“干燥”，这种方法有点不同


让chars=[“S”、“O”、“N”、“Y”]，
i=0，
空格=”，
id=setInterval（函数（）{
document.getElementById（“word”）.innerHTML++=chars[i++]+SPACE；
如果（i==字符长度）clearInterval（id）；
}, 1000);
您可以拥有字符数组，然后创建一个函数来传递索引，并在每次设置超时时递增索引。当我们到达最后一个索引时，不要调用setTimeout

如果在字符加载完成时需要回调，可以在
showCharacter
函数中添加else条件


var字符=[“S”、“O”、“N”、“Y”]；
函数showCharacter（idx）{
document.getElementById（“char”）.innerHTML+=字符[idx]；
if（idx！=个字符。长度-1）
setTimeout（（）=>showCharacter（idx+1），1000）；
}
setTimeout（（）=>showCharacter（0），1000）；//第一个电话

您可以拥有字符数组，然后创建一个函数来传递索引，并在每次设置超时时递增索引。当我们到达最后一个索引时，不要调用setTimeout

如果在字符加载完成时需要回调，可以在
showCharacter
函数中添加else条件


var字符=[“S”、“O”、“N”、“Y”]；
函数showCharacter（idx）{
document.getElementById（“char”）.innerHTML+=字符[idx]；
if（idx！=个字符。长度-1）
setTimeout（（）=>showCharacter（idx+1），1000）；
}
setTimeout（（）=>showCharacter（0），1000）；//第一个电话

回到旧学校


函数缓慢打印（字，间隔=1000）{
函数printCharacter（i=0）{
log（word[i]）//或打印到DOM/which
if（++i>=word.length）返回
setTimeout（printCharacter.bind（null，i），间隔）
}
if（字长）设置超时（打印字符，间隔）
}
慢慢地打印（['s'，'o'，'n'，'y']）
回到原来的学校


函数缓慢打印（字，间隔=1000）{
函数printCharacter（i=0）{
log（word[i]）//或打印到DOM/which
if（++i>=word.length）返回
setTimeout（printCharacter.bind（null，i），间隔）
}
if（字长）设置超时（打印字符，间隔）
}
缓慢打印（['s'、'o'、'n'、'y']）
是否正在查看代码？也许应该关闭此问题，并将此问题的重新发布发布到Stack Exchange网络中的另一个站点。是否正在查看代码审阅？也许应该关闭此问题，并将此问题的重新发布发布到Stack Exchange网络中的另一个站点。