Как с 3 номеров сделать 1, с меняющимся тегом span?

Question

[newsworker90]

В навигации сайта вертикально стоят 3 номера:

<p>Наш контакт-центр</p>			
<a href="tel:xxxx-xxxx-xxxx">+xx<span> xxx </span>xxx-xx-xx</a>
<a href="tel:xxxx-xxxx-xxxx">+xx<span> xxx </span>xxx-xx-xx</a>
<a href="tel:xxxx-xxxx-xxxx">+xx<span> xxx </span>xxx-xx-xx</a>
<p>Работаем с 9 до 19 ежедневно</p>

Как сделать 1 номер, но с меняющимся кодом который находиться в теге span?
И так что бы при смене span, когда нажимали шел набор именно на тот номер который выбран?

Comments

[yadscreech]

Опишите подробнее как и что должно работать и при клике на что

[FabiBoom]

как именно должен меняться код? со временем?

[newsworker90]

yadscreech, 3 номера делают навигацию очень большой, и по этому хочу что бы был отображен только 1 номер, но менялись анимационно код который находиться в span, а вот при нажимаете на один из номеров, Вас в мобильном устройстве, перенаправляет сразу в вызовы, и прописывает полностью тот номер который выбрали.

[xonar]

Не совсем понятна формулировка - "Как сделать 1 номер, но с меняющимся кодом который находиться в теге span?"

Хотите оставить 1 номер вместо трёх? И при каком действие это должно произойти? Наведение на что-то? или как?

[newsworker90]

Вот что то типа такого

[alekseyHunter]

newsworker90, средствами js.

[Виталий Першин]

newsworker90, А если человек захочет просто записать номер, то его будет раздражать то что он меняется, да и в целом вводить в заблуждение. Как вариант можно при загрузке сайта рандомно просто один номер ставить, так будет более понятно, а еще лучше открывать список номеров по клику

[Сергей Соколов]

alekseyHunter, можно и зацикленную CSS-анимацию сделать без JS

Answer 1

[Сергей Соколов]

В разметке указать только один телефон, в дата-атрибуте перечислить все телефоны.
Скриптом разбирать номер на части и обновлять разметку:

Comments

[newsworker90]

Спасибо большое

Answer 2

[Никита Колесников]

Тык

Comments

[Сергей Соколов]

Фиддл можно вставлять прямо в тело ответа - кнопка с большим «плюсом», самая правая.

[Никита Колесников]

Сергей Соколов, спасибо :)