在 Javascript 中创建一个可重用的类型编写器效果函数？

Question

我知道我需要在这里做什么的基础知识，但是我对它进行编码的尝试充满了问题，所以这就是我想要做的。

定义一系列要调用到函数中的字符串，该函数将其键入到屏幕上，每个字母之间有轻微的延迟。 我发现了一些人们制作打字机标题卡的例子，但它们的用途并不是像可以即时调用的功能那样使用。 对于这个特定的项目，我们需要文本像临时对话系统一样发挥作用，在使用特定字符串调用函数之前不会调用该系统。 就像一个带有" onclick="dialogFunction(idOfStringToBeTyped) "的按钮，我看起来像这样：

var d1Example = "Hello, I am example dialog";

function dialog(dialogString) {
    var i;
for (i = 0; i <= dialogString.length(); i++) { 
    document.write( dialogString.charAt(i) );
     java.lang.Thread.sleep(50);
}}

所以我对内容进行编码的尝试是……蛮力的……

编辑：包括我的尝试，应该首先在那里，抱歉。

这在理论上应该有效，但实际上没有任何作用。 我可能有语法错误。 但对于我来说为什么这不起作用真的没有意义。

Answer 1

您应该查看 JavaScript 函数setTimeout和Math.random() 。

您可以使用Math.random()创建一个介于 0 和 1 之间的浮点整数。

var multipule = 5
var rand = Math.random();  // 0.5680401974599227
var randInSeconds = rand * multipule // 2.840200987299614
var waitInSeconds = Math.round(randInSeconds) // 3

然后使用setTimeout out 方法调用写入每个字符的代码。 setTimeout需要两个参数，一个函数和秒数：

var writeCharacter = function(){
  ... 
};

setTimeout(writeCharacter, 300);

我会把它留给你来计算所有的时间。