djramones/clock.html

## clock.html
<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Clock</title>
        <style>
            body, div {
                margin: 0;
                padding: 0;
                width: 100dvw;
                height: 100dvh;
                background-color: #123;
            }
            div {
                display: grid;
                place-items: center;
            }
            #time {
                font-family: 'Roboto Mono', 'Segoe UI', monospace;
                font-size: 10dvw;
                font-weight: 700;
                color: #ddd;
            }
        </style>
    </head>
    <body>
        <div>
            <span id="time"></span>
        </div>
        <script>
            setTime = () => {
                document.getElementById("time").textContent =
                    new Date().toLocaleTimeString()
            }
            setTime()
            setInterval(setTime, 1000)
        </script>
    </body>
</html>
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Clock</title>
	<style>
	body, div {
	margin: 0;
	padding: 0;
	width: 100dvw;
	height: 100dvh;
	background-color: #123;
	}
	div {
	display: grid;
	place-items: center;
	}
	#time {
	font-family: 'Roboto Mono', 'Segoe UI', monospace;
	font-size: 10dvw;
	font-weight: 700;
	color: #ddd;
	}
	</style>
	</head>
	<body>
	<div>
	<span id="time"></span>
	</div>
	<script>
	setTime = () => {
	document.getElementById("time").textContent =
	new Date().toLocaleTimeString()
	}
	setTime()
	setInterval(setTime, 1000)
	</script>
	</body>
	</html>