WEBLEB
Home
Editor
Accedi
Pro
Italiano
English
Français
Español
Português
Deutsch
Italiano
हिंदी
3271
huzaifa527
Apri nell'Editor
Pubblica il Tuo Codice
Consigliato
21 August 2025
Cardiologo Dr. Yilmaz: Servizi di cura del cuore e cardiologia
10 June 2025
Un codice di alejandrokundrah
HTML
Copy
<html> <head> <title>Digital Clock with Stopwatch</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"> </head> <body style="background-color: black; color: white; text-align: center; padding-top: 20vh; font-size: 3rem;"> <div id="clock">00:00:00</div> <div class="mt-3"> <button id="startBtn" class="btn btn-primary">Start Stopwatch</button> <button id="stopBtn" class="btn btn-danger">Stop Stopwatch</button> </div> <script> let timer; let hours = 0; let minutes = 0; let seconds = 0; function displayTime() { document.getElementById("clock").textContent = `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`; } function startStopwatch() { timer = setInterval(() => { seconds++; if (seconds === 60) { seconds = 0; minutes++; } if (minutes === 60) { minutes = 0; hours++; } displayTime(); }, 1000); } function stopStopwatch() { clearInterval(timer); } document.getElementById("startBtn").addEventListener("click", startStopwatch); document.getElementById("stopBtn").addEventListener("click", stopStopwatch); </script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js"></script> </body> </html>
CSS
Copy
/* Replace with your CSS Code (Leave empty if not needed) */
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */
