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.