Weekly time card — clock in/out + lunch → daily hours, weekly total, gross pay, 40h overtime — browser-only
- Runs locally
- Category Calculator
- Best for Getting a realistic range before a purchase, plan, workout, or schedule decision.
| Clock in | Clock out | Lunch (min) | Worked | |
|---|---|---|---|---|
| Mon | 0h | |||
| Tue | 0h | |||
| Wed | 0h | |||
| Thu | 0h | |||
| Fri | 0h | |||
| Sat | 0h | |||
| Sun | 0h |
What this tool does
A weekly time card calculator that turns clock-in and clock-out times into daily hours, a weekly total, and gross pay. Fill in start and end for each of the seven days, deduct an unpaid lunch in minutes, and the tool adds up every day, splits the week at the 40-hour overtime line, and multiplies the extra hours by 1.5 when you turn overtime on.
Overnight shifts are the part most calculators get wrong: a clock-out that reads earlier than the clock-in (say 22:00 to 06:00) is treated as crossing midnight, so it counts as 8 hours, not a negative number. An identical in and out is read as a full 24-hour shift rather than zero. Lunch can never push a day below zero — if you type a break longer than the shift, it clamps.
Enter your hourly rate to see regular pay, overtime pay, and the gross total side by side. Leave the rate at 0 and it works as a pure hours tracker for billing or attendance. The whole week is encoded in the share link, so you can paste a filled-in card into chat for a manager to check, and one button copies a plain-text summary you can drop into a payroll note or email. Everything runs in your browser — no upload, no account, no server round-trip.
Tool details
- Input
- Numbers
- The page exposes text boxes, numeric controls, file pickers, or structured inputs depending on the tool.
- Output
- Live result + Copy
- The result area focuses on usable output, with copy, download, or preview actions when supported.
- Privacy
- Browser-side processing
- The main tool logic does not call an external API, so inputs normally stay in the current tab.
- Save / share
- Shareable URL state
- Key settings are encoded in the URL so another person can reopen the same setup.
- Performance budget
- Initial JS <= 9 KB
- No WASM budget is declared, keeping the tool quick to open on mobile.
- Best fit
- Calculator · HR
- Category and role tags drive related tools, internal links, and quick fit checks.
How to use
-
1. Input
Paste or drop your content into the tool panel.
-
2. Process
Click the button. All processing is local in your browser.
-
3. Copy / Download
Copy the result or download to disk in one click.
How Time Card Calculator fits into your work
Use it for fast estimates, comparisons, and planning numbers before you make the final call.
Calculation jobs
- Getting a realistic range before a purchase, plan, workout, or schedule decision.
- Comparing scenarios by changing one input at a time.
- Turning rough assumptions into a number you can discuss.
Calculation checks
- Double-check units, dates, rates, and rounding assumptions.
- Treat health, finance, tax, and legal outputs as planning aids, not professional advice.
- Save the inputs that produced an important result so you can reproduce it later.
Good next steps
These links move the current task into a more complete workflow.
- 1 China Overtime Pay Calculator China overtime pay calculator — workday 1.5×, weekend 2×, statutory holiday 3× per Labor Law Art. 44, with 31 provincial minimum-wage tables. Open
- 2 Salary to Hourly Converter Hourly ⇄ daily ⇄ weekly ⇄ monthly ⇄ annual pay — set your hours/week and weeks/year, see all five at once — browser-only Open
- 3 Duration Converter Seconds ⇄ minutes ⇄ hours ⇄ days ⇄ weeks, plus human-readable, ISO 8601 duration and HH:MM:SS — one input, every format — browser-only Open
Real-world use cases
Total a two-job week before payday
You work a weekday office shift and pick up weekend hours somewhere else. Punch each day's clock-in and clock-out, set the unpaid lunch where it applies, and read the weekly total without adding fractions of an hour in your head. Turn on the 40-hour line and the tool tells you exactly how many hours crossed into 1.5x territory and what that adds to the gross.
Track a graveyard / overnight rotation
Security, nursing, hospitality and warehouse shifts routinely start at 22:00 and end at 06:00 or 07:00 the next morning. Type the clock-out as it reads on the timesheet and the calculator detects the midnight crossing, so a 22:00 to 06:00 shift is 8 hours rather than the negative number a naive subtraction would give.
Reconcile your hours against the employer's payslip
Your payslip says 38.5 hours; you remember closer to 42. Rebuild the week here from your own clock-in/out notes, copy the plain-text summary, and you have a line-by-line breakdown to send back instead of a vague "that looks low". Pair it with the overtime-pay-calculator to check the multiplier separately.
Bill freelance hours to a client
Logging hours on a contract instead of a salary? Set the rate to your freelance hourly, leave overtime off, and the gross pay column doubles as an invoice line. The decimal-hours readout (8.50 rather than 8h 30m) drops straight into a spreadsheet or an invoicing tool.
Sanity-check a draft staff schedule
Before publishing next week's rota, drop a person's planned shifts in and confirm nobody is unintentionally scheduled past 40 hours into overtime — useful for keeping labor cost predictable. Share the URL with a co-manager so they see the same filled-in card.
Common pitfalls
Forgetting the unpaid lunch. A 09:00 to 17:30 day looks like 8.5 hours, but an unpaid break means the lunch column owes 30 minutes — otherwise the weekly total and every pay figure run high.
Reading an overnight shift as a long one. The tool counts forward across midnight, so 22:00 to 06:00 is 8 hours, not 16. Enter the times in clock-in then clock-out order, not largest-to-smallest.
Assuming the 1.5x line is daily. This tool uses the US weekly 40-hour rule, not per-day overtime. If your region pays OT after 8 hours in one day (e.g. California), the figure here understates it.
Privacy
All time-card math — parsing clock times, the overnight-crossing logic, lunch deduction, the 40-hour split, and pay multiplication — runs as plain JavaScript in your browser tab. Your times, hourly rate, and totals are never uploaded, logged, or sent to any server. The one caveat: the whole week is encoded into the page URL so a share link reproduces the card. That means a "share this card" link carries your shift times in its query string, and the destination (Slack, email) will record that URL in its logs. For a private payroll figure, use the copy-summary button and paste only the text, rather than sharing the URL.
FAQ
Tool combos
Folks in your role tend to reach for these alongside this tool.
- Blood Alcohol Content (BAC) Calculator Widmark-formula BAC estimate from drinks, body weight, sex and time — educational only, never a fit-to-drive verdict — browser-only
- BMI Calculator Body Mass Index calculator with WHO + Asian classifications — metric and imperial — browser-only
- Calorie Deficit Calculator Pick a daily calorie deficit, enter your current and goal weight, and see how many weeks it takes and the date you'd hit your target — with a safety check, browser-only
- Calories Burned Calculator MET-based calorie burn for 30+ activities — running, cycling, swimming, HIIT, housework — stack and total — browser-only