FlipClock.start() strange behaviour

[gobwas]

I used FlipClock this way:

var clock = new FlipClock($el, { countdown: true, autoStart: false, clockFace: "MinuteCounter" });

clock.setTime(59);
setTimeout(function() {
    clock.start();
}, 1000);

And there is two problems:

• I have divider before minutes (but hours is hidden, thats ok), like ":00:59";
• Before clock.start() i have proper digits on timer: "00:59". When timer triggers, I have unnecessary animation - from "11:69", to "00:58", but it seems to must be from "00:59" to "00:58".

upd. About problems:

• here pull request
• Insepcting source, it seems that you can split creation of divider to creation of divider and label. And in the MinutesCounter face create just label for minutes? =) Or, the simpliest way is just inherit MinutesCounterFace from base Face, not from HourCounter. Sorry, if Im misunderstanding smth =)

Is it a bug?

[gobwas]

upd. Also, i was installed it via bower as FlipClock.

[shodaburp]

Hi @gobwas ! Thank you for the fix!

I've been trying to figure out how to use your patch but I can't seem to understand how to apply it.

Currently, I'm using an example from 'examples' folder which only calls one js file and that is: flipclock.js I don't see face.js being called anywhere = /

Could you kindly provide a guide on how to use it, please? Thank you!

[shodaburp]

I end up modifying flipclock.js to follow your fix >.< Temp solution I suppose.

[gobwas]

Hi @shodaburp! Does your last comment mean that you applyed fix successfully? My pull request is not temp solution I think, but things about class Face modification is a question of community, i did not implemented it like pull request, but used this idea in my project, where Im using FlipClock =)

[shodaburp]

@gobwas I replaced the few lines you added in face.js into flipclock.js and it works.

[objectivehtml]

This example is working from what I can tell in the latest build (0.6.0).