TimezZ

Fast timer plugin
for countdown and count forward.

npm install timezz bower install timezz

To the world end left

description Description

With this plugin you can easily put a timer on your site, it works both ways. Using the config you can change the tags as letters and numbers, you can also change the text output next to the numbers.

compare_arrows Two directions

You specified a date which is already about to end? TimezZ will continue to report how much time passed from the specified date.

info_outline Two versions

You can use two version, one version is the version for modern browsers with the standards of the ES2017 and the version for old browsers with ES2015 standards.

build Usage

If you need support for older browsers such as IE9, use TimezZ-es6.js
  • Connect

    <script src="/js/TimezZ.min.js"></script>
  • HTML

    <div class="j-timer"></div>
  • Initialization

    new TimezZ('.j-timer');

list Config

new TimezZ('.j-timer', {
date: 'January 1, 2040 00:00:00',
daysName: 'd',
hoursName: 'h',
minutesName: 'm',
secondsName: 's',
tagNumber: 'span',
tagLetter: 'i',
stop: false,
});
Setting Default Description Type
date January 1, 2040 00:00:00 Indicate the date string
daysName d How to name days string
hoursName h How to name hours string
minutesName m How to name minutes string
secondsName s How to name seconds string
tagNumber span Tag in which will be wrapped numbers string
tagLetter i Tag in which will be wrapped letters string
stop false Is this timer a working? boolean

settings Example customize

.timer {
  font-size: 70px;
}

.timer span {
  color: #555;
}

.timer i {
  color: #bbb;
  font-size: 40px;
}

timer Try your date

Your can enter your any date for demo.