Typed.JS清除完整的短语并使用键入的功能开始新短语

时间:2018-10-30 07:20:13

标签: javascript jquery html html5

我正在使用typed.js:

https://github.com/mattboldt/typed.js/

一切都很好,但是有问题。

我要添加4个要键入的词组,每个词组的开头两个词都相似。现在,typed.js保留了前两个单词,并用新短语替换了其他两个单词。

我也希望重新输入这两个词。

我做了一个小提琴:

https://jsfiddle.net/t2ey5nqk/

<span class="type-wrapper">
    <span id="typed"></span>
</span>

$(function() {
    var typed = new Typed("#typed", {
        strings: [
            'When you smile at your phone',
            'When you read your book intently',
            'When you wake up in the morning',
            'When you go for a walk',
        ],
        typeSpeed: 50,
        backSpeed: 0,
        backDelay: 1000,
        startDelay: 1000,
        shuffle: false,
        loop: true
    });
});

1 个答案:

答案 0 :(得分:0)

好的,我发现的一个解决方案是在每个短语''之后添加一个空短语。这将在开始第二个字符串之前清除该字符串。也许还有另一种通过插件执行此操作的方法,但是现在我将使用它。如果有人遇到类似问题并偶然发现此问题,我会保留此问题:)

strings: [
    'When you smile at your phone',
    ' ',
    'When you read your book intently',
    ' ',
    'When you wake up in the morning',
    ' ',
    'When you go for a walk',
],