javascript program for analog clock

Solutions on MaxInterview for javascript program for analog clock by the best coders in the world

Search
showing results for - "javascript program for analog clock"
Loris
14 May 2019
1 const hourHand = document.querySelector('.hand-hour');
2    const minuteHand = document.querySelector('.hand-minute');
3    const secondHand = document.querySelector('.hand-seconds');
4
5
6    function getTime() {
7        const now = new Date();
8
9        const seconds = now.getSeconds();
10        const secondsDegree = (((seconds / 60) * 360) + 90);
11        secondHand.style.transform = `rotate(${secondsDegree}deg)`
12
13
14        const minutes = now.getMinutes();
15        const minutesDegree = (((minutes / 60) * 360) + 90);
16        minuteHand.style.transform = `rotate(${minutesDegree}deg)`
17
18
19        const hours = now.getHours();
20        const hoursDegree = (((hours / 60) * 360) + 90);
21        hourHand.style.transform = `rotate(${hoursDegree}deg)`
22
23
24
25    }
26
27    setInterval(getTime, 1000);
28
source
similar questions
js alarm go to urllive clock javascripttiming code in javascriptin if condition how to set alert music in javascriptjavascript get clock time in auto counter uphow to add seconds to time in jsupdating clock javascriptjs add seconds to current timealert with sound javascriptplay a sound wiith jshow to play sound on load jshow to display countdown timer in javascripthow to write a program that displays a message e2 80 9cit e2 80 99s fun day e2 80 9d if it 27s saturday or sunday today in javascriptworking of timers in javascripthow to write a program that tests whether it 27s before noon and alert e2 80 9cits am e2 80 9d else e2 80 9cits pm e2 80 9d in javascriptin javascript advertising on website only for 5 secondsget timer start adding the started at time jsthree js clock
queries leading to this page
logic explained analog clock javascriptanalog clock using jsclock javascript analogjs analog clockanalog clock with javascriptjavascript analog clock logichow to create a analog clock in javascripthow to make a analog clock in javascriptjavascript analog clockanalog clock javascriptanalog clock in javascriptanalog clock using javascriptjavascript program for analog clockanalog clock jsjavascript program for analog clock