Typed.js ограничивают первый элемент из забой

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

обновление:

Только что понял ответ. Вот что я делаю

расслоение плотной

$(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: PenCode