Question

我有以下Typed.js（https://github.com/mattboldt/typed.js/）

的代码

JS

  $(function(){
     $("h2").typed({
        strings: ["This should stay forever. ", "Loop Element 1", "Loop Element 2", "Loop Element 3"],
        typeSpeed: 0,
        loop: true
    });
});

HTML

<h2></h2>

CSS

body{background: #000; color: lime; }
.typed-cursor{opacity: 0;  display:none; }

此刻它正在循环中运行。这是我的代码CodePen.io

我希望它在循环中运行它，但我希望第一个元素出现，因为它现在出现了。一旦它出现，我希望它保持，然后其余的元素将输入和输出，它们将在循环中。

Answer 1

更新

刚刚想出答案。这就是我正在做的事情

JS

 $(function(){
    $("h2 .first").typed({
        strings: ["This should stay forever. "],
        typeSpeed: 0,
        callback: function() {
          showThis();
        },

    });

 function showThis(){

    $("span.second").typed({
          strings: ["Loop Element 1", "Element 2 Here", "New Element 3", "Element # 4"],
          backDelay: 1500,    
          typeSpeed: 100,
          backSpeed: 100,
          loop: true,

      });

  }
});

CSS

body{background: #000; color: lime; }

.typed-cursor{
    display:none;
}

HTML

<h2><span class="first"></span><span class="second"></span></h2>

以下是笔记代码：PenCode

Typed.js限制退格的第一个元素

1 个答案: