Timer Calendar

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam at ullamcorper mauris, vitae imperdiet tortor. Cras aliquet gravida lacus eu auctor

The Countdown Timer

Create Beautiful Countdowns Easily

                                
<div class = "col-lg-12 mb-4">
    <div id = "wdpk-timer"></div>
</div>
                                
                            
                        


$wdpk-gray-200: #e9ecef !default;
$wdpk-gray-300: #dee2e6 !default;
$wdpk-gray-400: #ced4da !default;
$wdpk-gray-500: #adb5bd !default;
$wdpk-gray-600: #6c757d !default;
$wdpk-gray-700: #495057 !default;
$wdpk-gray-800: #343a40 !default;
$wdpk-gray-900: #212529 !default;
$wdpk-timer-counter-color: $wdpk-gray-800 !default;
$wdpk-timer-desc-padding: 10px !default;
$wdpk-timer-counter-padding: 20px !default;
$wdpk-timer-desc-color: $wdpk-gray-200 !default;
$wdpk-timer-counter-background: (
										backgroundType: color,
										gradientType: linear,
										color1: $wdpk-gray-200,
										color2: $wdpk-gray-200,
										degree: 0deg,
										backgroundImage: url(../../assets/images/background-black.jpg),
										backgroundRepeat: repeat-x,
										backgroundHorPos: center,
										backgroundVerPos: center,
										backgroundSize: initial
								) !default;

$wdpk-timer-desc-background: (
									 backgroundType: color,
									 gradientType: linear,
									 color1: $wdpk-gray-800,
									 color2: $wdpk-gray-800,
									 degree: 0deg,
									 backgroundImage: url(../../assets/images/background-black.jpg),
									 backgroundRepeat: repeat-x,
									 backgroundHorPos: center,
									 backgroundVerPos: center,
									 backgroundSize: initial
							 ) !default;

                        
                    
                        
jQuery(document).ready(function ()
{
    if (jQuery("#wdpk-timer").length !== 0)
    {
        let obj = {
            finalDate: '2020/12/31 23:24:50', // In the following format YYYY/MM/DD hh:mm:ss
            selector: '#wdpk-timer',
            enableYears: false,
            yearsString: 'Years',
            enableMonths: true,
            monthsString: 'Months',
            enableDaysOfMonth: false,
            daysOfMonthString: 'Days Left',
            enableWeeks: true,
            weeksString: 'Weeks',
            enableDays: true,
            dasysString: 'Days',
            enableHours: true,
            hoursString: 'Hours',
            enableMinutes: true,
            minutesString: 'Minutes',
            enableSeconds: true,
            secondsString: 'Seconds',
        };
        require(["app/shortcodes/wdpkTimer"], function (e)
        {
            e.publicCall(obj);
        });
    }
});