Timer Bordered

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-timer-separator-symbol: '' !default;
$wdpk-timer-counter-color: #666666 !default;
$wdpk-timer-desc-padding: 5px !default;
$wdpk-timer-counter-padding: 10px !default;
$wdpk-timer-counter-background: (
										backgroundType: color,
										gradientType: linear,
										color1: transparent,
										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-counter-border: (
									borderTop: true,
									borderTopColor: $wdpk-gray-200,
									borderTopWidth: 1px,
									borderTopStyle: solid,
									borderRight: true,
									borderRightColor: $wdpk-gray-200,
									borderRightWidth: 1px,
									borderRightStyle: solid,
									borderBottom: false,
									borderBottomColor: $wdpk-gray-200,
									borderBottomWidth: 1px,
									borderBottomStyle: solid,
									borderLeft: true,
									borderLeftColor: $wdpk-gray-200,
									borderLeftWidth: 1px,
									borderLeftStyle: solid,
									borderRadius: 0rem,
							) !default;

$wdpk-timer-desc-border: (
								 borderTop: false,
								 borderTopColor: $wdpk-gray-200,
								 borderTopWidth: 1px,
								 borderTopStyle: solid,
								 borderRight: true,
								 borderRightColor: $wdpk-gray-200,
								 borderRightWidth: 1px,
								 borderRightStyle: solid,
								 borderBottom: true,
								 borderBottomColor: $wdpk-gray-200,
								 borderBottomWidth: 1px,
								 borderBottomStyle: solid,
								 borderLeft: true,
								 borderLeftColor: $wdpk-gray-200,
								 borderLeftWidth: 1px,
								 borderLeftStyle: solid,
								 borderRadius: 0rem,
						 ) !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);
        });
    }
});