HTML
CSS
Deno
Examples
Do It Yourself
Type in your code below
Run
<!DOCTYPE html> <html> <head> <title>Flutter Challenge Cloom Clock</title> <style> body { font-family: monospace; text-align: center; } #clock-display { font-size: 62px; font-weight: 700px; color: indianred; } </style> </head> <body> <h1>Flutter Challenge Cloom Clock</h1> <div id="clock-display"></div> <script> function cloomClock() { let date = new Date; let hours = date.getHours(); let minutes = date.getMinutes(); let seconds = date.getSeconds(); document.querySelector('#clock-display').innerText = `${hours} ${minutes} ${seconds}` /* Let's set a timing every half second to recurse the function */ let clockTime = setTimeout(cloomClock, 500) } window.addEventListener("load", cloomClock) </script> </body> </html>