相关疑难解决方法(0)

Javascript打字效果

这个问题来自与上次相同的问题.我的网站运行静态域,因此我希望能够在每个站点上使用此脚本而无需复制副本.

它起到打字文本效果的作用,我希望能够从网页本身而不是脚本中定义打印出来的文本.

使用Javascript

var index = 0;
var text = 'Text';

function type()
{
    document.getElementById('screen').innerHTML += text.charAt(index);
    index += 1;
    var t = setTimeout('type()',100);
}
Run Code Online (Sandbox Code Playgroud)

我已经尝试摆弄代码并使用与我之前的帖子相同的方法,但我似乎无法让它工作.

javascript

5
推荐指数
2
解决办法
3004
查看次数

如何从列表中获取单词并按时间延迟逐个字符地显示它们

我想模拟一个自动完成功能。一个句子应该用列表中的单词来完成。这些单词应在句子末尾逐个字符显示。

\n

这是 HTML:

\n
<p>We can help you with<span id="complete"></span></p>\n
Run Code Online (Sandbox Code Playgroud)\n

这是 JS 的一部分:

\n
let words = ["design", "frontend", "backend"];\nlet output = document.getElementById("complete");\n
Run Code Online (Sandbox Code Playgroud)\n

首先我尝试了这个:

\n
words.forEach((e) => {\n  for (i = 0; i < e.length; i++) {\n    setTimeout(() => {\n      console.log(e[i]);\n    }, 500);\n  }\n});\n
Run Code Online (Sandbox Code Playgroud)\n

控制台记录:

\n

在此输入图像描述

\n

认为这是因为迭代器在setTimeout之前前进。

\n

所以我尝试了这样的 while 循环:

\n
words.forEach((e) => {\n  let i = 0;\n  while (i <= e.length) {\n    setTimeout(() => {\n      console.log(e[i]);\n    }, 600);\n    i++;\n …
Run Code Online (Sandbox Code Playgroud)

javascript

5
推荐指数
1
解决办法
640
查看次数

标签 统计

javascript ×2