Malisa Huzaifa - Web Multimedia HTML6 Canvas & SVG

129 const hour = new Date().getHours() % 12; const minute = new Date().getMinutes(); hoursElement.setAttribute("transform", `rotate(${(360 / 12) * hour})`); minutesElement.setAttribute("transform", `rotate(${(360 / 60) * minute})`); }); </script> <rect x="-100" y="-100" width="200" height="200" fill="green" /> <circle r="90" stroke="#FCCE7B" stroke-width="10" fill="white" /> <circle r="80" stroke="#B6705F" stroke-width="6" stroke-dasharray="6 36" stroke-dashoffset="3" fill="none"/> <g stroke="red" stroke-linecap="round"> <line id="hours" y2="-40" stroke-width="5" /> <line id="minutes" y2="-60" stroke-width="5" /> </g> </svg>

RkJQdWJsaXNoZXIy MTM3NDc5MQ==