JSFiddle - React, Tailwind, and code Playground

HTML

<div id="text"><span class="green">Das ist</span> der Mustertext mit vielen wrtern ..... und es werde noch tausende folgener Mustertext mit vielen wrtern ..... und es werde noch tausende folgen er Mustertext mit vielen wrtern ..... und es werde noch tausende folgen er Mustertext mit vielen wrtern ..... und es werde noch tausende folgen</div>

CSS

.green {
    color:red;
}

JavaScript

function color_text() {
    var a = $('#text').html();
    a = a.replace('<span class="green">', '');
    a = a.replace('</span> ', ' <span class="green">');
    var b = a.split(RegExp('<span class="green">'));
    if (!b[1]) return 0;
    var c = b[1].split(/\s/g);
    if (!c[1])
        var d = b[1].indexOf(c[0])+c[0].length+b[0].length+20;
    else
        var d = b[1].indexOf(c[1])+c[1].length+b[0].length+20;
    a = a.substring(0,d)+ '</span>' + a.substring(d,a.length);
    $('#text').html(a);
    setTimeout(color_text, 1000);
}
setTimeout(color_text, 1000);