JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/brynja/cdn/brynja.js"></script>
<div id="root"></div>

CSS

.container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

span{ animation: updated 0.5s; }
@keyframes updated { 0% { background-color: orangered; } 100% { background-color: inherit; } }

JavaScript

const { render } = brynja;

let i = 0;
let intervalID;

const run = () => {
	const foo = () => render(_=>_
    .class('container')
    .children('span', ++i, (_, k)=>_
      .text(k % 10)
    )
  );
	intervalID = setInterval(foo, 1000);
  foo();
}
run();

document.onclick = () => {
	if (intervalID) {
  	clearInterval(intervalID);
    intervalID = undefined;
  } else {
  	run();
  }
}