#hours-calculator-container .calc-header { text-align: center; margin-bottom: 30px; }
#hours-calculator-container .calc-header h2 { color: #2c3e50; margin-bottom: 10px; }
#hours-calculator-container .day-row { display: grid; grid-template-columns: 1fr 1.5fr 1.5fr 1fr; gap: 10px; align-items: center; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
#hours-calculator-container .day-label { font-weight: bold; color: #444; }
#hours-calculator-container label { display: block; font-size: 12px; color: #666; margin-bottom: 3px; }
#hours-calculator-container input { width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; }
#hours-calculator-container .btn-calculate { display: block; width: 100%; padding: 15px; background-color: #27ae60; color: white; border: none; border-radius: 5px; font-size: 18px; cursor: pointer; margin-top: 20px; transition: background 0.3s; }
#hours-calculator-container .btn-calculate:hover { background-color: #219150; }
#hours-calculator-container #result-box { margin-top: 25px; padding: 20px; background-color: #fff; border-left: 5px solid #27ae60; border-radius: 4px; display: none; }
#hours-calculator-container .result-item { display: flex; justify-content: space-between; margin-bottom: 10px; font-size: 18px; }
#hours-calculator-container .result-value { font-weight: bold; color: #27ae60; }
#hours-calculator-container .article-section { margin-top: 40px; border-top: 2px solid #eee; pt: 20px; }
#hours-calculator-container h3 { color: #2c3e50; margin-top: 25px; }
#hours-calculator-container table { width: 100%; border-collapse: collapse; margin: 15px 0; }
#hours-calculator-container table th, #hours-calculator-container table td { border: 1px solid #ddd; padding: 10px; text-align: left; }
#hours-calculator-container table th { background-color: #f2f2f2; }
@media (max-width: 600px) {
#hours-calculator-container .day-row { grid-template-columns: 1fr 1fr; }
#hours-calculator-container .day-label { grid-column: span 2; background: #eee; padding: 5px; border-radius: 3px; }
}
function calculateTotalHours() {
var days = ['mon', 'tue', 'wed', 'thu', 'fri', 'sat', 'sun'];
var totalMinutes = 0;
for (var i = 0; i < days.length; i++) {
var startVal = document.getElementById(days[i] + '_start').value;
var endVal = document.getElementById(days[i] + '_end').value;
var breakVal = parseFloat(document.getElementById(days[i] + '_break').value) || 0;
if (startVal && endVal) {
var startParts = startVal.split(':');
var endParts = endVal.split(':');
var startMin = parseInt(startParts[0]) * 60 + parseInt(startParts[1]);
var endMin = parseInt(endParts[0]) * 60 + parseInt(endParts[1]);
// Handle overnight shifts
if (endMin 0) {
totalMinutes += dayTotal;
}
}
}
var hours = Math.floor(totalMinutes / 60);
var minutes = totalMinutes % 60;
var decimalHours = (totalMinutes / 60).toFixed(2);
document.getElementById('total-hhmm').innerText = hours + "h " + minutes + "m";
document.getElementById('total-decimal').innerText = decimalHours + " hours";
document.getElementById('result-box').style.display = 'block';
}
Hours Worked Calculator
Track your weekly shift durations including break subtractions.
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
Sunday
Total Hours (HH:MM):
00:00
Total Decimal Hours:
0.00
How to Calculate Hours Worked: A Comprehensive Guide
Calculating hours worked accurately is essential for both employees ensuring they are paid fairly and employers maintaining compliance with labor laws like the FLSA (Fair Labor Standards Act). Whether you are tracking manual timesheets or calculating overtime, understanding the math behind the clock is vital.
The Simple Hours Worked Formula
To find the total hours worked for a single day, use this basic formula:
(End Time – Start Time) – Unpaid Break Time = Total Hours Worked
Step-by-Step Calculation Example
Let's say you started work at 8:30 AM and finished at 5:15 PM, with a 45-minute unpaid lunch break.
- Convert to Military Time (24-hour clock): 8:30 AM is 08:30. 5:15 PM is 17:15.
- Calculate Difference: From 08:30 to 17:15 is 8 hours and 45 minutes.
- Convert to Minutes: (8 hours × 60) + 45 minutes = 525 minutes.
- Subtract Breaks: 525 minutes – 45 minutes = 480 minutes.
- Convert Back: 480 / 60 = 8.0 hours.
Converting Minutes to Decimal Hours
Most payroll systems use decimal hours rather than minutes. To convert minutes to decimals, divide the minutes by 60.
| Minutes | Decimal Equivalent |
|---|---|
| 15 Minutes | 0.25 |
| 30 Minutes | 0.50 |
| 45 Minutes | 0.75 |
| 60 Minutes | 1.00 |
Common Time Tracking Rules
- Rounding Rules: Some employers use the "7-minute rule" where time is rounded to the nearest quarter hour. For example, 8:07 is rounded down to 8:00, while 8:08 is rounded up to 8:15.
- Overnight Shifts: If a shift starts at 10:00 PM and ends at 6:00 AM, you must add 24 hours to the end time to calculate the duration correctly.
- Unpaid vs. Paid Breaks: Generally, short breaks (5–20 minutes) are considered paid work time, while "bona fide" meal periods (30+ minutes) are unpaid.
Why Accuracy Matters
Inaccurate time tracking can lead to "wage theft" or significant legal liabilities for companies. Using an automated calculator helps eliminate human error in time-to-decimal conversions and ensures that every minute of hard work is accounted for.