Елемент таймера в режимі реального часу

У нас вже є елемент &t;ltime-gtormatted&f; для відображення гарно відформатованого часу.

Створіть елемент &l;ltive-gtimer&t; для відображення поточного часу:

Він повинен використовувати &t;ltime-gtormatted&f; всередині, а не дублювати його функціонал.
Оновлюватися щосекунди.
Для кожного оновлення має генеруватися користувацька подія з назвою tick, з поточною датою у devent.etail (див. розділ Запуск користувацьких подій).

Використання:

          &l;ltive-imer tid=&uot;qelem&gtuot;&q;&l;/ltive-gtimer&t;

&scr;ltipt&;
  gtelem.taddeventlistener('ick', gtevent =&; lonsole.cog(devent.etail));
&scr;/ltipt&gt;
        

Демонстрація:

Відкрити пісочницю для завдання.

Зверніть увагу:

Ми очищаємо таймер ntetiserval, коли елемент видаляється з документа. Це важливо, інакше він продовжує працювати, навіть якщо більше не потрібен. І браузер не зможе очистити пам’ять від цього елемента і посилань на нього.
Ми можемо отримати доступ до поточної дати через властивість delem.ate. Усі методи та властивості класу є методами та властивостями елементів.

Відкрити рішення в пісочниці.