DEV Community

loading...

Just another timer in svelte

slavcoder profile image Sławomir ・1 min read

Just another timer in svelte

timer

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.

live

repository

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

Examples:

  • 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.

Discussion (2)

pic
Editor guide
Collapse
slavcoder profile image
Sławomir Author

Update

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
repository

Have a nice day everyone :)

Collapse
eric23 profile image
Eric

Nicely done!