Time Calculator tool

 

Time Calculator

Start Time:

Add Time:

body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f0f0f0; } .calculator-container { max-width: 400px; margin: 50px auto; padding: 20px; background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.1); text-align: center; } h1 { color: #333; } .input-group { margin-bottom: 20px; } input[type="time"] { padding: 10px; border: 1px solid #ccc; border-radius: 3px; } button { padding: 10px 20px; background-color: #007bff; color: #fff; border: none; border-radius: 3px; cursor: pointer; } button:hover { background-color: #0056b3; } #result { margin-top: 20px; font-size: 24px; font-weight: bold; } function calculateTime() { const startTime = document.getElementById('start-time').value; const addTime = document.getElementById('add-time').value; if (!startTime || !addTime) { alert('Please enter both start time and add time.'); return; } const [startHours, startMinutes] = startTime.split(':').map(Number); const [addHours, addMinutes] = addTime.split(':').map(Number); const totalHours = startHours + addHours; const totalMinutes = startMinutes + addMinutes; let resultHours = Math.floor(totalMinutes / 60) + totalHours; let resultMinutes = totalMinutes % 60; if (resultHours >= 24) { resultHours %= 24; } const result = `${pad(resultHours)}:${pad(resultMinutes)}`; document.getElementById('result').innerText = `Result: ${result}`; } function pad(value) { return String(value).padStart(2, '0'); }