Таймер на контент

Как написать на js таймер, который будет применяться к контенту на странице.
Например:
На странице есть квадрат, он должен находится, например фиксированные 10 сек, после чего скрывается, а вместо него появляется круг. Для меня трудность в понимании - как сделать такой таймер

P.s
(Только погружаюсь в js)

myelement1.style.display = 'none'
myelement2.style.display = 'block'

мне нужен именно алгоритм таймера на js (

Так а что с таймером? Просто скопировать из любого примера таймер (setTimeout если один раз), поставить нужную задержку, и внутри скрыть один элемент, показать другой )