Rel-gio/script.js at main · Zsubzeroz/Rel-gio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
window.onload = function() {

    const hourHand = document.querySelector('.hourHand');
        const minuteHand = document.querySelector('.minuteHand');
        const secondHand = document.querySelector('.secondHand');
        const time = document.querySelector('.time');
        const clock = document.querySelector('.clock');
        const audio = document.querySelector('.audio');

        function setDate(){
            const today = new Date();

            const second = today.getSeconds();
            const secondDeg = ((second / 60) * 360) + 360;
            secondHand.style.transform = `rotate(${secondDeg}deg)`;

            audio.play();

            const minute = today.getMinutes();
            const minuteDeg = ((minute / 60) * 360);
            minuteHand.style.transform = `rotate(${minuteDeg}deg)`;

            const hour = today.getHours();
            const hourDeg = ((hour / 12 ) * 360 );
            hourHand.style.transform = `rotate(${hourDeg}deg)`;

            time.innerHTML = '<span>' + '<strong>' + hour + '</strong>' + ' : ' + minute + ' : ' + '<small>' + second +'</small>'+ '</span>';

            }

        setInterval(setDate, 1000);

    }