https://greencomet.net/ru/javascript/simple-javascript-clock, а неонове свечіння з https://wp-lessons.com/effekt-neonovogo-teksta-s-pomoshhyu-css. Сам годинник розміщено в правій боковій панелі цього сайту.
<style>
#clock {
color:#fff;
font-size: 24px;
font-weight: 100;
background-color:rgb(230, 176, 29);
padding:5px;
width:90px;
}
</style>
<div id="clock"></div>
<script>
function clock(){
let date = new Date(),
hours = date.getHours(),
minutes = date.getMinutes(),
seconds = date.getSeconds();
if (hours<10) hours='0' + hours;
if (minutes<10) minutes='0' + minutes;
if (seconds<10) seconds='0' + seconds;
let time = hours + ':' + minutes + ':' + seconds;
document.getElementById('clock').innerText = time;
setTimeout(() =>{
clock();
}, 1000);
}
clock();
</script>
Немає коментарів:
Дописати коментар