Как менять свойства css через определенное время с помощью JS?

Question

[Артем Голомазов]

Добрый день!
Вопрос заключается в том, что имеется два блока div содержащие телефонные номера

<div id="tel_free" style="display=block;">88007777777</div>
<div id="tel_city" style="display=none;">[phone]</div>

через определенное время, скажем 2 секунды необходимо получить такой вид:

<div id="tel_free" style="display=none;">88007777777</div>
<div id="tel_city" style="display=block;">[phone]</div>

если возможно то с анимацией в виде затухания было бы идеально.
Со сменой свойств элемента разобрался, а вот как прикрутить таймер и затухание понять не могу.

document.getElementById('tel_free').style.display='none'; document.getElementById('tel_city').style.display='block';

Спасибо.

Answer 1

[tvolf]

Для работы с таймером смотрите в сторону setTimeout() или setInterval()
javascript.ru/settimeout