diff --git a/Slick-Circular-jQuery-Countdown-Plugin-Classy-Countdown/js/jquery.classycountdown.js b/Slick-Circular-jQuery-Countdown-Plugin-Classy-Countdown/js/jquery.classycountdown.js index b9cdf00..42f2505 100644 --- a/Slick-Circular-jQuery-Countdown-Plugin-Classy-Countdown/js/jquery.classycountdown.js +++ b/Slick-Circular-jQuery-Countdown-Plugin-Classy-Countdown/js/jquery.classycountdown.js @@ -147,6 +147,18 @@ HoursLeft = Math.floor((secondsLeft % 86400) / 3600); MinutesLeft = Math.floor(((secondsLeft % 86400) % 3600) / 60); SecondsLeft = Math.floor((((secondsLeft % 86400) % 3600) % 60) % 60); + if (DaysLeft === 0) { + element.find('.ClassyCountdown-days input').trigger("configure", settings.style.days.gaugeEnd); + } + if (HoursLeft === 0 && DaysLeft === 0) { + element.find('.ClassyCountdown-hours input').trigger("configure", settings.style.hours.gaugeEnd); + } + if (MinutesLeft === 0 && HoursLeft === 0) { + element.find('.ClassyCountdown-minutes input').trigger("configure", settings.style.minutes.gaugeEnd); + } + if (SecondsLeft === 0 && MinutesLeft === 0 && HoursLeft === 0) { + element.find('.ClassyCountdown-seconds input').trigger("configure", settings.style.seconds.gaugeEnd); + } } function doTick() { @@ -664,6 +676,9 @@ fgColor: "#fff", lineCap: 'round' }, + gaugeEnd: { + fgColor: "#666" + }, textCSS: 'font-family:\'Open Sans\';font-weight:300;color:#fff;' }, hours: { @@ -673,6 +688,9 @@ fgColor: "#fff", lineCap: 'round' }, + gaugeEnd: { + fgColor: "#666" + }, textCSS: 'font-family:\'Open Sans\';font-weight:300;color:#fff;' }, minutes: { @@ -682,6 +700,9 @@ fgColor: "#fff", lineCap: 'round' }, + gaugeEnd: { + fgColor: "#666" + }, textCSS: 'font-family:\'Open Sans\';font-weight:300;color:#fff;' }, seconds: { @@ -691,6 +712,9 @@ fgColor: "#fff", lineCap: 'round' }, + gaugeEnd: { + fgColor: "#666" + }, textCSS: 'font-family:\'Open Sans\';font-weight:300;color:#fff;' } }