JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Lorem ipsumd dolor sit amet.</h1>
<div id="div1">Answer One</div>
<div class="stop">
    <button>Stop it Now.</button>
</div>

CSS

body {
    text-align: center;
}

h1 {
    padding: 30px;
    margin: 0 0 0 30px;
}

#div1 {
    padding: 20px;
    margin-top: 0;
    text-align: center;
}

JavaScript

$(document).ready(function() {
    var items = ["Answer Two", "Answer Three", "Answer Four", "Answer Five", "Answer Six", "Answer One"],
        $text = $('#div1'),
        delay = 200, // miliseconds
        itemIndex = 0;
        
    var interval = setInterval(function() {
    	$text.text(items[itemIndex % items.length]);
        itemIndex++;
    }, delay);

    $('button').click(function() {
        clearInterval(interval);
    })
});