JSFiddle - React, Tailwind, and code Playground
HTML
<table id="display"></table>
CSS
td {
width: 30px;
font-size: 20px;
font-family: sans-serif;
text-align: right;
}
JavaScript
var array_s = [];
var display = document.getElementById('display');
function init(n) {
var tr = document.createElement('tr');
display.appendChild(tr);
for(var i = 0; i < n; i++) {
var val = Math.random()*59 ^ 0,
td = document.createElement('td');
array_s.push(val);
td.textContent = val;
tr.appendChild(td);
}
}
function update() {
for (var i = 0; i < array_s.length; i++) {
var result = array_s[i],
td = display.firstChild.childNodes[i];
result--; // decrement each value
if(result < 0) { // check for values < 0
result = 59;
}
array_s[i] = result; // update values
td.textContent = result;
}
}
init(7);
setInterval(update, 200);