JSFiddle - React, Tailwind, and code Playground

by userdude

HTML

<h1>Hello world!</h1>
<p>Here is a message:</p>
<p id="message"></p>

CSS

body {
    background: #444;
    color: white;
    font: 4em bold Georgia, Times, "Times New Roman", serif;
    padding: 50px;
    text-align: center;
}

JavaScript

var messages = ["Hello!","This is a website!"];

(function nextMsg() {
    $('#message')
        .fadeIn(1500)
        .delay(500)
        .fadeOut(1500, !messages.length || nextMsg)
        .html(messages.shift() || 'Done');
})();