Timer Gradient
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-gradient-1: #0056c6 !default;
$wdpk-gradient-2: #0bc9cd !default;
$wdpk-timer-counter-background: (
backgroundType: gradient,
gradientType: linear,
color1: $wdpk-gradient-1,
color2: $wdpk-gradient-2,
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);
});
}
});
