javascript - 是否可以控制 typed.js 插件何时开始和停止输入文本?

标签 javascript jquery html css automation

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

关于javascript - 是否可以控制 typed.js 插件何时开始和停止输入文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36212979/

相关文章:

javascript - 多个类与 Jquery 映射并加载内容

html - 标题行不在一行中

html - 通过剪贴板将 HTML 表格导入 Excel

javascript - grails ajax文件上传:form

javascript - Coldfusion - 使用列表

javascript - getContext 不是函数

javascript - 在 JavaScript (jQuery) 中使用 HTML 片段作为模板

javascript - 取消上传 Angular-evalate

javascript - 带有生成的 div 的目标伪类

javascript - jQuery 表单验证不验证