JSFiddle - React, Tailwind, and code Playground

by BandonRandon

HTML

<div></div>

CSS

div{
    width: 200px;
    height: 30px;
    border: 1px solid #ccc;
}

JavaScript

var div = $('div').hide(),
    news = ['news1', 'news2', 'news3'],
    count = 0;

function changeNews() {
    div.fadeIn(3000).delay(3000).fadeOut(3000, function() {
        changeNews();
    }).text(news[count++]);
}

changeNews();