Stopwatch tool

NathTech Tools ,

Stopwatch tool

Users can start, stop, and reset the stopwatch. The stopwatch displays the elapsed time in hours, minutes, seconds, and milliseconds. Users can click the “Start”, “Stop”, and “Reset” buttons to control the stopwatch.

 

function startStopwatch() { if (!running) { startTime = new Date().getTime(); stopwatchInterval = setInterval(updateTime, 10); running = true; } }

function stopStopwatch() { clearInterval(stopwatchInterval); running = false; }

function resetStopwatch() { clearInterval(stopwatchInterval); document.getElementById('time').innerHTML = '00:00:00'; running = false; }

function updateTime() { const currentTime = new Date().getTime(); const elapsedTime = currentTime - startTime; const hours = Math.floor(elapsedTime / (1000 * 60 * 60)); const minutes = Math.floor((elapsedTime % (1000 * 60 * 60)) / (1000 * 60)); const seconds = Math.floor((elapsedTime % (1000 * 60)) / 1000); const milliseconds = Math.floor((elapsedTime % 1000) / 10);

const formattedTime = `${formatTime(hours)}:${formatTime(minutes)}:${formatTime(seconds)}:${formatTime(milliseconds)}`; document.getElementById('time').innerHTML = formattedTime; }

function formatTime(time) { return time < 10 ? `0${time}` : time; }