How to use the time card hours calculator
- Clock in — set the time each shift started using the built-in time picker.
- Clock out — set when the shift ended. If it is earlier than the clock-in, the tool treats the shift as running past midnight and adds a day for you.
- Break — type any unpaid break for that row in minutes. Leave it blank or zero if there was no break.
- Add row — use the button to add a row for every shift in the day or week. Each row shows its own worked time.
- Read off the total worked time in HH:MM and in decimal hours. Add an hourly rate to see your total pay.
Why two formats — HH:MM and decimal?
The same length of time is useful in more than one shape. The HH:MM figure is the natural way people describe worked time out loud — “38 hours 30 minutes”. The decimal hours figure turns that into a single number, 38.50, which is exactly what payroll and timesheet software expects when it multiplies your hours by a rate of pay. That is why the calculator shows both, side by side, and uses the decimal figure to work out your total pay.
Unpaid breaks and overtime
Most timesheets deduct unpaid breaks before totalling the day, so each row lets you subtract a break in minutes. A 30-minute lunch on a 9-to-5 shift turns 8 hours of clock time into 7 hours 30 minutes of paid time. Because every row is added independently, you can split a single day into a morning and an afternoon shift, or list a whole week of shifts and let the tool total them. If you need to separate regular hours from overtime, total the regular shifts in one session and the overtime shifts in another.
Handling shifts that cross midnight
A common headache with time maths is the night shift: clock on at 22:00, clock off at 06:00, and a naive subtraction gives a nonsensical negative number. This calculator solves that automatically. Whenever the clock-out time is earlier than the clock-in time, it assumes the clock simply rolled over midnight and adds 24 hours, so 22:00 to 06:00 correctly reads as 8 hours before any break is removed. You never have to do the wraparound maths yourself.
What you can use it for
- Weekly time cards: list each day's shift and read your weekly total, ready to drop into payroll.
- Freelance billing: add up client sessions in decimal hours and multiply by your rate for an invoice total.
- Shift work: total overnight and split shifts, with unpaid breaks handled for you.
- Pay checking: confirm a paycheck by entering your week and an hourly rate.
Is it private?
Completely. The times, breaks and rate you enter never leave your device — the calculation runs in JavaScript right inside this page, with no server call, no account and no tracking of what you type. Close the tab and nothing is saved.
Frequently asked questions
Can I add as many shifts as I want?
Yes. Use the “Add row” button to add a row for every shift, and the worked-time total updates the instant you change any value. Each row also shows its own worked time so you can check a single shift at a glance.
How is the unpaid break applied?
The break in minutes is subtracted from that row's clock-in to clock-out time only. A row can never go below zero, so an over-large break simply leaves that shift at 0h 00m.
Does the hourly rate change the currency symbol?
The total pay is shown as a plain number with a dollar sign for clarity. The maths is identical in any currency — the figure is your decimal hours multiplied by whatever rate you type.