Witam.

Mam skrypt wywołujący efekt pisania na maszynie.
Jednak napotkałem problem z którym nie mogę sobie poradzić.

Zależy mi aby drugi tekst pojawiał się z odpowiednim opóźnieniem (np. 5 sekund).
Forma skryptu jest nietypowa ponieważ zależało mi na 2 oddzielnych niezależnych częściach ale zarazem z możliwością ustawienia czasu wyświetlania między nimi.

[HTML] pobierz, plaintext 
<div class="texto1"></div>
<div class="texto2"></div>
[HTML] pobierz, plaintext 

[PHP] pobierz, plaintext 
<script>
var str = 'part 1 tekst jeden part jeden:';
var str2 = 'part 2 tekst dwa part dwa:';
 
var spans = '<span>' + str.split('').join('</span><span>') + '</span>';
$(spans).hide().appendTo('.texto1').each(function(i) {
  $(this).delay(40 * i).css({
    display: 'inline',
    opacity: 0
  }).animate({
    opacity: 1
  }, 100);
});
 
var spans = '<span>' + str2.split('').join('</span><span>') + '</span>';
$(spans).hide().appendTo('.texto2').each(function(i) {
  $(this).delay(40 * i).css({
    display: 'inline',
    opacity: 0
  }).animate({
    opacity: 1
  }, 100);
});
</script>
[PHP] pobierz, plaintext 

Kod dostępny na jsfiddle
https://jsfiddle.net/BDR13/xLvyf0q1/

Czy jest szansa aby ktoś mógł mi w tym pomóc?

Przed linią 16 dodaj
setTimeout(function (){
na końcu
}, 1000);
i będziesz mieć opóźnienie.

A propos. Nie wygląda mi to na efekt pisania na maszynie,
ale może po wyświetleniu na stronie jest ok.

Bardzo dziękuję za pomoc. Działa idealnie.