JSFiddle - React, Tailwind, and code Playground

HTML

<h1>
    <span class="holder-1"></span>
    <span class="holder-2"></span>
</h1>

CSS

.holder-1, .holder-2 {
    color: steelblue;
}

JavaScript

var options = [
    ["MUSIC."],
    ["SOFTWARE."],
    ["FILMS."],
    ["DEVELOPER."],
];

var interval = 2000;

var holder1 = $(".holder-1");
var currentIndex = 0;

function doIt() {
    holder1.html(options[currentIndex][0]);
    holder2.html(options[currentIndex][1]);
    currentIndex = (currentIndex + 1) % options.length;
    setTimeout(doIt, interval);
}

doIt();