Поиск в блоге

Показ дописів із міткою Javascript. Показати всі дописи
Показ дописів із міткою Javascript. Показати всі дописи

середа, 21 липня 2021 р.

Робимо простий годинник на Javascript

Годинник виконанний за допомогою матеріалу, взятого з сайту 
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>