FURK4NGG
1 line
936 B
HTML
1 line
936 B
HTML
<!DOCTYPE html><html lang="en" dir="ltr"><head><meta charset="utf-8"><title>Digital-Clock App</title></head><body><div class="clock"><div class="display"></div></div><style>@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400&display=swap);*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{display:grid;place-items:center;background:#131419}.clock{background:#131419;height:120px;line-height:120px;text-align:center;padding:0 30px;box-shadow:-3px -3px 7px rgb(255 255 255 / .05),3px 3px 5px rgb(0 0 0 / .5)}.clock .display{font-size:60px;color:cyan;letter-spacing:5px;font-family:'Orbitron',sans-serif}</style><script>setInterval((function(){const e=document.querySelector(".display");let t=new Date,n=t.getSeconds(),o=t.getMinutes(),s=t.getHours(),c="AM";s>12&&(c="PM",s-=12),0==s&&(s=12),n<10&&(n="0"+n),o<10&&(o="0"+o),s<10&&(s="0"+s),e.textContent=s+":"+o+":"+n+" "+c}));</script></body></html> |