javascript - 打字机和设置持续时间

标签 javascript jquery html css string

我想在 HTML/JavaScript/jQuery 中实现打字机效果,例如 this one ,但我需要指定动画的总持续时间。例如,如果我设置 10 秒并且字符串是“dog”,动画将会非常慢。这可能吗?谢谢。

最佳答案

我将使用与 this one 中相同的函数.

其实很简单。

在线 typeString($tar, settings.text[idx], 0, settings.delay, function () { 和在线 deleteString($tar, settings.delay, function () {settings.delay 更改为 (settings.delay/settings.text[idx].length) 然后在调用构造函数时传递延迟 ( in ms) option with you want. 例如:

    $('#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.'
      ]
    });`

关于javascript - 打字机和设置持续时间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41641837/

相关文章:

javascript - 通过Ajax调整图片大小并上传

javascript - 如何使用 jQuery 修改 html 字符串

html - 定位一个元素,但希望所有后续元素都相应地定位

html - 使div元素背景对背景图片CSS透明

javascript - 如何从管理员为新用户创建的 Alfresco UI 页面获取密码?

javascript - jQuery Tabs - 防止 anchor 在单击时将页面滚动到顶部

javascript - 尽管 d.xbox 存在,但 ng-show={{d.xbox}} 未解析为 true,为什么?

javascript - 如何防止变量在其中保存数据

javascript - 使用查询的响应式导航

Mako 模板中的 JavaScript 模板文字