是否可以控制typed.js插件何时启动和停止键入文本

Is it possible to control when the typed.js plugin starts and stops typing text?

本文关键字:文本 启动 何时 控制 typed 插件 js 是否      更新时间:2023-09-26

jquery插件typed.js用于使文本看起来是由机器人自动在屏幕上键入的。我已经探索了围绕插件的资源,但我没有找到任何关于如何启动和停止文本输入的信息。

我的目标是在屏幕上输入四个不同系列的文本,每个文本都可以通过点击按钮触发。它们都位于同一div的同一空间内,所以如果单击"按钮A","文本A"就会开始键入。如果在键入过程中单击"按钮B",则文本将被删除,"文本B"将开始键入。

为了达到这个效果,我需要能够控制typed.js何时开始和停止键入文本。这可能吗?

这里有一个例子展示了如何在点击按钮时激活typed.js,它可以适应你需要它做的任何事情。

Javascript:

$(function() {
    var options = {
      strings: ["First sentence.", "Second sentence."],
      typeSpeed: 0
    }
    $("button").click(function() {
      $(".element").typed(options);
    });
});

HTML:

<span class="element"></span><br />
<button>Type!</button>

JSFiddle:http://jsfiddle.net/mattboldt/tcRUG/

来源:typed.js的GitHub项目的Wiki