打字机和设置持续时间答案

【问题标题】：Typewriter and setting duration time打字机和设置持续时间
【发布时间】：2017-01-14 03:52:35
【问题描述】：

我想要 HTML/JavaScript/jQuery 中的打字机效果，例如this one，但我需要指定动画的总持续时间。例如，如果我设置 10 秒并且字符串是“dog”，那么动画会很慢。这可能吗？谢谢。

【问题讨论】：

请阅读How to Ask。关键词：“搜索和研究”和“解释......任何阻碍你自己解决的困难”。

【解决方案1】：

我将使用与this one 中相同的功能。

真的很简单。

在线typeString($tar, settings.text[idx], 0, settings.delay, function () { 和在线deleteString($tar, settings.delay, function () { 将settings.delay 更改为(settings.delay / settings.text[idx].length)，然后在调用构造函数时将延迟（以毫秒为单位）选项传递给您想要的时间。例如：

    $('#target').teletype({
      delay: 10000,
      text: [
        'dog',
        'Lorem ipsum dolor sit amet, consetetur sadipscing elitr,',
        'sed diam nonumy eirmod tempor invidunt ut labore et dolore',
        'magna aliquyam erat, sed diam voluptua. At vero eos et',
        'accusam et justo duo dolores et ea rebum. Stet clita kasd',
        'gubergren, no sea takimata sanctus est Lorem ipsum dolor         sit',
        'amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,',
        'sed diam nonumy eirmod tempor invidunt ut labore et dolore',
        'magna aliquyam erat, sed diam voluptua. At vero eos et         accusam',
        'et justo duo dolores et ea rebum. Stet clita kasd gubergren,',
        'no sea takimata sanctus est Lorem ipsum dolor sit amet.'
      ]
    });`

【讨论】：

【解决方案2】：

您可以修改现有插件以添加一个接受totalDelay 参数的新函数，然后将现有typeString 函数与delay = totalDelay / str.length 一起使用。

【讨论】：

感谢您的帮助！