Question

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

我的目标是在屏幕上输入四个不同的文本系列，每个文本都会通过单击按钮触发。它们都位于同一div中的同一空间内，因此如果单击“按钮A”，则“文本A”开始键入。如果在键入的中途单击“按钮B”，则文本将被删除，“文本B”将开始输入。

为了达到这个效果，我需要能够控制typed.js何时启动和停止输入文本。这可能吗？

Answer 1

以下是一个示例，说明如何在单击按钮时激活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

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

1 个答案: