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	Optional?
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

Copyright (c) 2023 CrawFish666 Released under the MIT license