Skip to content

Instantly share code, notes, and snippets.

@Kwieeciol
Created November 3, 2021 10:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Kwieeciol/943e2b16309beeee2c7eccaa1002d6b1 to your computer and use it in GitHub Desktop.
Save Kwieeciol/943e2b16309beeee2c7eccaa1002d6b1 to your computer and use it in GitHub Desktop.
<!DOCTYPE HTML>
<html lang="pl">
<head>
<meta charset="utf-8">
<title>Odliczanie czasu</title>
<style>
body {
background-color: #111;
}
#zegar {
margin: auto;
left: 50%;
top: 50%;
position: absolute;
transform: translateX(-50%);
color: #fff;
font-size: 45px;
}
</style>
<script type="text/javascript">
function setClock() {
var dzisiaj = new Date();
var dzien = dzisiaj.getDate();
dzien = dzien < 10 ? `0${dzien}` : dzien;
var miesiac = dzisiaj.getMonth() + 1;
miesiac = miesiac < 10 ? `0${miesiac}` : miesiac;
var rok = dzisiaj.getFullYear();
var godzina = dzisiaj.getHours();
godzina = godzina < 10 ? `0${godzina}` : godzina;
var minuta = dzisiaj.getMinutes();
minuta = minuta < 10 ? `0${minuta}` : minuta;
var sekunda = dzisiaj.getSeconds();
sekunda = sekunda < 10 ? `0${sekunda}` : sekunda;
document.getElementById("zegar").innerHTML = `${dzien}/${miesiac}/${rok} ${godzina}:${minuta}:${sekunda}`;
}
</script>
</head>
<body onload="setClock()">
<div id="zegar"></div>
<script type="text/javascript">
setInterval(setClock, 1000);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment