即時計時器元素
我們已經有 <time-formatted> 元素來顯示格式良好的時間。
建立 <live-timer> 元素來顯示目前時間
- 它應該在內部使用
<time-formatted>，而不是重複其功能。 - 每秒滴答（更新）一次。
- 對於每個滴答，應該產生一個名為
tick的自訂事件，其中包含event.detail中的目前日期（參閱章節 發送自訂事件）。
用法
<live-timer id="elem"></live-timer>
<script>
elem.addEventListener('tick', event => console.log(event.detail));
</script>範例
請注意
- 當元素從文件中移除時，我們會清除
setInterval計時器。這很重要，否則即使不再需要，它也會繼續計時。而瀏覽器無法清除此元素及其引用的記憶體。 - 我們可以透過
elem.date屬性存取目前日期。所有類別方法和屬性自然都是元素方法和屬性。