createCanvas(400, 450);

   angleMode(DEGREES);

    frameRate(300);

 }

​

 function draw() {

   background(247, 197, 30);

   translate(200, 200);

   rotate(-90);

​

   let hr = hour();

   let mn = minute();

   let sc = second();

     let O = map(mouseX, 0, width, 5,10);

     strokeWeight(10);

​

   fill(255,100,150,20*O);

     ellipse(0,0,5*sc,5*sc);

​

​

​

   stroke(247, 37, 30);

        noFill();

   let minuteAngle = map(mn, 0, 60, 0, 360);

   ellipse(0, 0, 280, 280, 0, minuteAngle);

​

   stroke(150, 255, 100);

   let hourAngle = map(hr % 12, 0, 12, 0, 360);

   arc(0, 0, 260, 260, 0, hourAngle);

​

​

​

     textAlign(CENTER);  

     rotate(90);

   fill(70,102,255);

   noStroke();

   text(hr + ':' + mn + ':' + sc, 0, 200);

 }