Viewing: fr.javascript.info

Ce contenu n'est disponible que dans les langues suivantes :English, Espaol, Indonesia, Italiano, , , , Ozbek, . Merci de

Create <live-timer> element to show the current time:

For every tick, a custom event named tick should be generated, with the current date in event.detail (see chapter Distribution d'vnements personnaliss).

Usage:

          <live-timer id="elem"></live-timer>

<script>
  elem.addEventListener('tick', event => console.log(event.detail));
</script>
        

Demo:

solution

Please note:

We clear setInterval timer when the element is removed from the document. Thats important, otherwise it continues ticking even if not needed any more. And the browser cant clear the memory from this element and referenced by it.
We can access current date as elem.date property. All class methods and properties are naturally element methods and properties.

Live timer element