ember-clock

Clock service for Ember

Usage no npm install needed!

<script type="module">
  import emberClock from 'https://cdn.skypack.dev/ember-clock';
</script>

README

ember-clock

This is an Ember-cli addon that provides a clock service. The clock synchronizes to the local host system clock and can be used to display the time or to update time sensitive properties.

Demo

http://lozjackson.github.io/ember-clock/

Installation

  • ember install ember-clock

ClockService

The clock service is injected into all controllers and components.

To use the clock in a template or in computed properties, bind to the clock's hour, minute, or second properties.

In templates:

{{clock.hour}}
{{clock.minute}}
{{clock.second}}

In computed properties:

property: Ember.computed('clock.second', function () {
  // this will update every second
})
property: Ember.computed('clock.minute', function () {
  // this will update every minute
})
property: Ember.computed('clock.hour', function () {
  // this will update every hour
})

Know Issues

The clock service will break Ember acceptance tests, as it creates a continuous run loop to update the current time. To disable the runloop update your config/environment file with the following

module.exports = function(environment) {
  //...
  if (environment === 'test') {
    //...
    ENV['ember-clock'] = {
      disabled: true
    }
  }
}