Как реализовать такое?

Question

[tokmaganbet1]

Как можно сделать что-то типо слайдера, но без плавного переключения между слайдами?
Есть вот такой фиксированный блок, нужно чтобы каждые пару секунд он менялся.

Comments

[msdos-x86]

Менялось что? Задний фон? Картинка?

[tokmaganbet1]

msdos-x86, забыл уточнить, я про серый прямоугольник

[Павел Антонов]

https://codepen.io/freislot/pen/vaOWvb что-нибудь эдакое наверное, нужно больше инфы, какой фреймворк, какие данные приходят и когда должно обновляться)

[tokmaganbet1]

Павел Антонов, никаких данных и т.д приходить не будет, это типо для доверия видимо)

[tokmaganbet1]

Павел Антонов, Твой вариант подходит, но как можно сделать ее бесконечной?

Answer 1

[Kudis]

Модифицируем Ваш div

<div><p><span id="phone">[phone]</span> <br>Забронировал тариф</p></div>

подключаем js

function replacePhone()
{
    let phone = '+7 (9xx) xxx xx xx';
    let numberCount = phone.split('x').length;
    for (let i = 1; i < numberCount; i++) {
        phone = phone.replace('x', Math.round(-0.5 + Math.random() * 10));
    }
    let phonePlace = document.getElementById('phone');
    if (phonePlace) {
        phonePlace.innerText = phone;
    }
    setTimeout(replacePhone, 2000);
}
document.addEventListener('DOMContentLoaded', replacePhone);