Js-promotion-timer NPM

js-promotion-timer

Countdown timer until the end of the promotion

Installation

npm i js-promotion-timer

Usage

ES6

import promoTimer from "js-promotion-timer";
promoTimer({
	timePromotionEnd: string,
	timerSelector: selectorTimerContainer,
	clockSelectors: {
		days: selector,
		hours: selector,
		minutes: selector,
		seconds: selector,
	}
})

Example

watch example

import promoTimer from "js-promotion-timer";
promoTimer({
	timePromotionEnd: '2023-12-25',
	timerSelector: '.promotion__timer',
	clockSelectors: {
		days: '#days',
		hours: '#hours',
		minutes: '#minutes',
		seconds: '#seconds',
	}
})

Customazing styles

You can customaze what ever you want. You have you're HTML markup and you're css style's

Params

ParametersName	Type	Detail	Example
timePromotionEnd	String	selector of timer container	'2023-12-25'
timerSelector	String	selector of timer container	'.promotion__timer'
clockSelectors	Object {}	object with dd:hh:mm:ss selectors	-
days	String	selector where insert remaining days	'#days'
hours	String	selector where insert remaining hours	'#hours'
minutes	String	selector where insert remaining minutes	'#minutes'
seconds	String	selector where insert remaining seconds	'#seconds'

License

timer countdown timer promotion timer countdown timer until the end of the promotion

@everything-registry/sub-chunk-1977

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago