Привет есть простой код
var $randomnbr = $('.nbr');
var $timer = 25;
var $it;
var $data = 0;
var index;
var change;
var letters = ['t', 'o', 's', 't', 'e', 'r'];
$randomnbr.each(function () {
change = Math.round(Math.random() * 100);
$(this).attr('data-change', change);
});
function random() {
return Math.round(Math.random() * 9);
};
function select() {
return Math.round(Math.random() * $randomnbr.length + 1);
};
function value() {
$('.nbr:nth-child(' + select() + ')').html('' + random() + '');
$('.nbr:nth-child(' + select() + ')').attr('data-number', $data);
$data++;
$randomnbr.each(function () {
if (parseInt($(this).attr('data-number')) > parseInt($(this).attr('data-change'))) {
index = $('.ltr').index(this);
$(this).html(letters[index]);
$(this).removeClass('nbr');
}
});
};
$it = setInterval(value, $timer);
У нас есть класс .nbr в верстке и он за 2.5s перебирает буквы таким образом что бы выстроить имя toster.
Это происходит так
Загрузка страницы
Анимация с перебором
Всё
А хочется
Загрузка страница
Анимация с перебором
Ожидание 3 секунды
Перезапуск Анимации
И так бесконечно