When the countdown ends, it doesn't stop

[slmholder]

"flipclock": "^0.10.8",

import React from 'react' import './compiled/flipclock.css' import FlipClock from 'flipclock'

const el = document.getElementById('myClock') const nowSeconds = new Date().getTime() / 1000; const end = new Date((nowSeconds + this.state.countDownTime) * 1000) this.clock = new FlipClock(el, end, { face: 'DayCounter', countdown: true, autoStart: true, callbacks: { stop: function() { this.props.getDownloadList(this.state.ID) } } });

To zero but continues to operate as a negative value Is it because I configured it? thank you

[tbone849]

Hey I had trouble with this also. Just figured out a solution. I used underscore forEach, but you can iterate however you want. It basically checks the face values to see if they are all 0's. If they are, I manually stop the timer.

timer = new FlipClock(el, end, {
	countdown: true,
	showLabels: false,
	autoStart: false
});
			
timer.start();
timer.$timer.on('interval', function(){
	var complete = true;
	_.forEach(timer.$face.$value.$digits, function(time){
		_.forEach(time, function(digit){
			if(Number.parseInt(digit, 10) > 0){
				complete = false;
			}
		});
	});

	if(complete){
		timer.stop();
	}
});

[slmholder]

@tbone849 Thank you very much for your thoughts. The problem has been solved. Thanks again.