среда, 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-size24px;
        font-weight100;
        background-color:rgb(23017629);
        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>

Комментариев нет:

Отправить комментарий