JSFiddle - React, Tailwind, and code Playground

by creativecouple

HTML

<script src="http://creativecouple.github.io/jquery-timing/jquery-timing.min.js"></script>
<p>
    Here is a clock: <span class="example">--</span>.<br/>
    The whole method chain <code>.text(Date).addClass('blink').wait(100).removeClass('blink')</code> is repeated every 1000 millis, meaning once per second.
</p>

CSS

body {
    padding: 1em;
}
.example {
    text-decoration: underline;
}

.blink {
    background: yellow;
    text-decoration: none;
}

JavaScript

$('.example').repeat(1000, true).text(Date).addClass('blink').wait(100).removeClass('blink');