Вроде все согласно ТЗ - ровно, ну разве что добавил вывод первых 12 и последних 12, для скорости... { // ...
/**
* Инициирует непрерывную перерисовку контента. Для плавной анимации.
*/
permanentdraw: function () {
if (!!this._interval) return;
this._interval = setInterval(() => anima.draw(), 10);
},
/**
* останавливает анимацию
*/
clearpermanent: function () {
if (!this._interval) return;
clearInterval(this._interval);
this._interval = null;
},
/**
* отложенный draw - заявка на перерисовку. Можно частить, все равно не должно тормозить
*/
draw: function () {
if (!this._TO) {
let that = this;
this._TO = window.requestAnimationFrame(function () {
that._TO = false;
that._draw();
});
}
},
}
Сейчас, если уменьшить размер экрана до появления 2 столбцов вместо 3-х, должен появится номер 17 вместо 16. Я там неправильно вычислял total - общее количество элементов, сейчас должно быть нормально.