JSFiddle - React, Tailwind, and code Playground

HTML

<span>Ёще</span>
<div class="textField">
    <p>Геймплей аналогичен грабителю корованов. Мы по прежнему управляем  флотилиями кораблей. Вы начинаете игру капитаном небольшого корабля, который будет действовать во враждебном секторе галактике. Ваша целью является уничтожение главного оплота империи - Сферы. Ну вообщем сюжет будет в игре раскрыт.</p>
    <p>В игре изобретаются юниты, корабли, а также их технологическое развитие, прокачка войск и героя.</p>
    
</div>

JavaScript

var phrases = ["Геймплей аналогичен грабителю корованов. Мы по прежнему управляем  флотилиями кораблей.", "Вы начинаете игру капитаном небольшого корабля", "Ваша целью является уничтожение главного оплота империи - Сферы.", "Ну вообщем сюжет будет в игре раскрыт.", "В игре изобретаются юниты, корабли, а также их технологическое развитие"];

$('span').click(function() {
    var l = phrases.length,
        d = new Date().valueOf();
    $('.textField p:first').remove();
    $('.textField').append('<p>'+phrases[d%l]+'</p>'); 
    hrenn(); //Вынес в отдельную функция чтобы было удобнее
});

function hrenn() {
    var a = $('.textField p:last').text(),
        c = a.length,
        j = 0;
    $('.textField p:last').text('');
    setInterval(function(){
        if(j<c) {
            $('.textField p:last').text($('.textField p:last').text()+a[j]);
            j=j+1; 
        } 
    },100);
};
hrenn();