ember-cli-clock

Clock

A very simple observable clock service for EmberJS.

I display time in many of my projects and need to keep the displayed time up-to-date so I generalized the solution to this Ember CLI Add-on.

Live Demo

Installation

npm install --save-dev ember-cli-clock

Usage

The clock service is injected into all controllers. This means you can observe changes like so for use with MomentJS:

App.MessageController = Ember.Controller.extend({
  posted: function() {
    return moment(this.get('timestamp')).fromNow();
  }.property('clock.minute')
});

{{posted}} outputs "2 minutes ago" and updates

Or a clock that uses the local system time and updates every second.

App.ApplicationController = Ember.Controller.extend({
  time: function() {
    return moment().format('h:m:s');
  }.property('clock.second')
});

API

You can observe or display the following properties:

• second
• minute
• five
• quarter
• hour

Each one is an incrementing integer.

During testing you may also set a custom interval time to speed up your tests. For example use this.clock.set('intervalTime', 100); to run the clock 10 times faster.

You may also reset the clock to 0 using this.clock.reset();

Authors

• Jerel Unruh

Legal

Copyright (c) 2014 Jerel Unruh and contributors

Licensed under the MIT license