DEV Community


Posted on


Just another timer in svelte

Just another timer in svelte


I've just finished small project in svelte and decided to share it with you.

This is a simple timer where you can set several counters. It might be used as a pomodoro app or to set some deadlines.



You can write time in specific format to create or save new counter.


  • 5d 20m 10m 30s will be calculated as 5 days, 30 minutes and 30 seconds
  • 0.2d or simply .2d will be calculated as 4 hours and 48 minutes
  • 1d -10h will be calculated as 14 hours
  • -10s will be invalid, the minimum time is 1 second and maximum is 9999 days
  • 20/02/2025 will be calculated as time up to that date
  • -5h 20/02/2025 30m -4444s will be valid (time up to that date, minus 5 hours, plus 30 minutes, minus 4444 seconds)

You can also customize features and themes by settings.

This is my first small project using svelte and I would be grateful for feedback or star if you like it.

Top comments (2)

slavcoder profile image


I created some new features and removed few bugs.

new features:

  • create counter by hour, for instance 9:00 will be calculated as time up to this hour, you can choose 12h or 24h time format in settings
  • create counter with date and hour, just combine date and hour with underscore (date_time)
  • create blocked counter, which means it can't be pauzed and starts immediately, just use keyword b or block
  • each counter have got a finish time, so you can see when it gonna end if it runs or when it gonna end if you start it now (if it is pending or pauzed)
  • I wrote about it in more details in project readme and in about modal on app page

live version

Have a nice day everyone :)

eric23 profile image

Nicely done!

An Animated Guide to Node.js Event Loop

Node.js doesn’t stop from running other operations because of Libuv, a C++ library responsible for the event loop and asynchronously handling tasks such as network requests, DNS resolution, file system operations, data encryption, etc.

What happens under the hood when Node.js works on tasks such as database queries? We will explore it by following this piece of code step by step.