js-promotion-timer
Countdown timer until the end of the promotion
Installation
``
sh
npm i js-promotion-timer
`
Usage
ES6
`
sh
import promoTimer from "js-promotion-timer";
promoTimer({
timePromotionEnd: string,
timerSelector: selectorTimerContainer,
clockSelectors: {
days: selector,
hours: selector,
minutes: selector,
seconds: selector,
}
})
`
Example
$3
`
sh
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