Как сделать эффект набираемого текста?

Question

[Misha1988]

Помогите разобраться:
Нашёл скрипт для своего сайта. Всё работает, но не делается абзац, просто не работает <p>,</br>

<div id="example">
<p>Текст текст текстТекст текст текстТекст текст текстТекст текст текстТекст текст текстТекст </p>текст текстТекст текст текстТекст текст текстТекст текст текстТекст</br></br> текст текстТекст текст текстТекст текст текстТекст текст текст
			</div>

$(document).ready(function(){
 $.fn.animate_Text = function() {
  var string = this.text();
  return this.each(function(){
   var $this = $(this);
   $this.html(string.replace(/./g, '<span class="new">$&</span>'));
   $this.find('span.new').each(function(i, el){
    setTimeout(function(){ $(el).addClass('div_opacity'); }, 10 * i);
   });
  });
 };
 $('#example').show();
 $('#example').animate_Text();
});

Answer 1

[Сергей Соколов]

Этот скрипт берет только текст, оборачивает каждую букву в тег span и показывает по очереди.

Простое решение: вызывайте этот скрипт для каждого параграфа по отдельности, вручную подобрав паузу между паракграфами, чтобы они "набирались" один после другого:

$('#example p')[0].animate_Text(); // сразу 1-й абзац
setTimeout(() => $('#example p')[1].animate_Text(), 1000); // через секунду 2-й абзац

Comments

[Misha1988]

Я не программист( Можете сделать образец какие корректировки внести?!

[Сергей Соколов]

Misha1988, здесь помогают друг другу разобраться, а не выполняют работу за другого.

Разместите заказ на Фрилансим