CORONER,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
tbody {
counter-reset: n 30;
}
tbody tr td:nth-child(2) {
color: #FF0000;
font-weight: bold;
}
tbody tr td:nth-child(1):before{
content: counter(n)" секунд назад";
counter-increment: n 15;
}
td{
border: 1px solid #000000;
}
.yeptable {
color: #006400;
font-weight: bold;
}
.no{
color: #FF0000;
font-weight: bold;
}
</style>
</head>
<body>
<table>
<tbody></tbody>
</table>
<script>
(async function up() {
const randomItem = arr => arr[Math.trunc(arr.length * Math.random())];
const randomNum = (min, max) => min + Math.trunc((max + 1 - min) * Math.random());
const title = 'Квартира, Офис, Дом, Коммерция'.split(', ');
const business = randomItem(title);
const num = randomNum(300, 1000);
const digit = num < 480 ? ' 000 000' : ' 000'
const profit = num + digit;
const percent = randomNum(7, 60);
const resolution = '<span class="yeptable">Одобрено</span>, <span class="no">отказано</span>, на рассмотрении'.split(', ');
const choice = randomItem(resolution);
const time = randomNum(2, 60);
//const response = await fetch("https://cors-anywhere.herokuapp.com/http://randomuser.ru/api.json");// эта строка только для примера
//const resArr = await response.json();
// let {last, first} = resArr[0].user.name;
const people = [{"first":"Георгий","last":"Емельянов"},{"first":"Елизавета","last":"Петрова"}, {"first":"Любовь","last":"Костина"}];
let {last, first} = randomItem(people);
let tr = `<tr><td></td>
<td>${last} ${first}</td>
<td>${business}</td>
<td>${profit} руб.</td>
<td>${percent}%</td>
<td>${time} мес.</td>
<td>${choice}</td>
</tr>`
const tbody = document.querySelector('table tbody');
const size = 5, pause = 3000;
if(tbody.rows.length == 5) tbody.rows[4].remove();
tbody.insertAdjacentHTML('afterBegin', tr);
const delay = tbody.rows.length < size ? 0 : pause;
window.setTimeout(up, delay);
})();
</script>
</body>
</html>