JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://pixijs.download/dev/pixi.js"></script>

JavaScript

var app = new PIXI.CanvasRenderer(800, 600, {backgroundColor: 0x000000});
document.body.appendChild(app.view);

var stage = new PIXI.Container();

var tf1 = new PIXI.TextStyle();
tf1.fill = 0xFF0000;
tf1.align = 'left';
tf1.trim = true;
var txt1 = new PIXI.Text('0');
txt1.style = tf1;
txt1.x = 400;
txt1.y = 250;
txt1.anchor.x = 1;
stage.addChild(txt1);

var tf2 = new PIXI.TextStyle();
tf2.fill = 0x0000FF;
tf2.align = 'right';
tf2.trim = true;
var txt2 = new PIXI.Text('0');
txt2.style = tf2;
txt2.x = 400;
txt2.y = 250;
stage.addChild(txt2);

function render() {
	app.render(stage);
	requestAnimationFrame(render);
}

render();



start();

function start() {
  txt1.text = "0";
  txt2.text = "0";
  setTimeout(function() {
    txt1.text = "00";
    txt2.text = "00";
    setTimeout(function() {
      txt1.text = "000";
      txt2.text = "000";
      setTimeout(function() {
        txt1.text = "0000";
        txt2.text = "0000";
        setTimeout(function() {
          txt1.text = "00000";
          txt2.text = "00000";
          setTimeout(function() {
            txt1.text = "000000";
            txt2.text = "000000";
            start();
          }, 500);
        }, 500);
      }, 500);
    }, 500);
  }, 500);
}