1
0
Fork
You've already forked Timerz
0
A JS-only client-side Timer building framework. Used to showcase a big event (wedding, end of school year, bug of the year 2038 ...)
  • JavaScript 98.1%
  • HTML 1.1%
  • CSS 0.8%
Find a file
2025年06月10日 20:01:12 +02:00
images first commit 2025年06月10日 20:01:12 +02:00
countDown.js first commit 2025年06月10日 20:01:12 +02:00
countDownList.js first commit 2025年06月10日 20:01:12 +02:00
image.png first commit 2025年06月10日 20:01:12 +02:00
index.html first commit 2025年06月10日 20:01:12 +02:00
LICENSE first commit 2025年06月10日 20:01:12 +02:00
moment.js first commit 2025年06月10日 20:01:12 +02:00
readme.md first commit 2025年06月10日 20:01:12 +02:00
style.css first commit 2025年06月10日 20:01:12 +02:00

TimerZ

This is a timer building "framework" (understand "two small code files" but everything is a framework nowadays), fully client-side.

Use case

You want to put spiffingly gorgeous timers on your website, and you value your time/sanity too much to implement them in javascript.

Example of use

alt text

How to use

Dependencies

This uses vanila HTML/CSS/JS appart from one moment.js version 2.29.4 dependency. The file (./moment.js) is provided as a reference in case of breaking changes in the years to come.

Installation

Just insert the HTML in your webpage and serve the three js files then :

  • Change the value for the objective date which is dueDate in countDown.js (line 19 ⚠️AND⚠️ line 120)
  • Add countdowns in countDownList.js based on the syntax described there (there are examples, you can get inspired by them)
  • Use the provided CSS if you want, discard it if you don't want to. That's the one I used
  • Edit/Remove the question mark and the label on it (line 25 of the HTML file)

License

Everything in here is licensed according to the LICENSE file, except for the moment.js file (see https://momentjs.com/), which is licensed under the MIT license and upon which I have no intellectual property.