es
Feedback
Shivraj__Chavan

Shivraj__Chavan

Ir al canal en Telegram

/* Join this Channel For all Codes.. */ < Web Development /> • HTML • CSS • JavaScript • JAVA • PYTHON • PHP

Mostrar más
1 417
Suscriptores
-324 horas
-127 días
-3230 días
Archivo de publicaciones
\n \n\n\n\n
\n
\n
00
\n
00
\n
00
\n
\n
\n
00
\n
00
\n
00
\n
00
\n
00
\n\n
\n
\n
00
\n
00
\n
00
\n
00
\n
00
\n
00
\n \n
\n
\n\n\n\n\n","datePublished":"2024-01-10T07:11:48Z","dateModified":"2024-01-10T07:11:48Z","author":{"@type":"Organization","name":"Shivraj__Chavan","url":"https://telemetr.io/es/channels/1300056668-developer_bhau","image":"https://img.tlmtr.io/c/1pYU7W/6292085080021119297?ty=x"},"publisher":{"@type":"Organization","name":"Shivraj__Chavan","url":"https://telemetr.io/es/channels/1300056668-developer_bhau","image":"https://img.tlmtr.io/c/1pYU7W/6292085080021119297?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":4837},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":46},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":269}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1300056668-developer_bhau/posts/62","url":"https://telemetr.io/es/channels/1300056668-developer_bhau/posts/62","mainEntityOfPage":"https://telemetr.io/es/channels/1300056668-developer_bhau/posts/62","headline":"https://youtube.com/shorts/UK31Rzlge18?feature=share","articleBody":"https://youtube.com/shorts/UK31Rzlge18?feature=share","datePublished":"2024-01-10T02:37:25Z","dateModified":"2024-01-10T02:37:25Z","author":{"@type":"Organization","name":"Shivraj__Chavan","url":"https://telemetr.io/es/channels/1300056668-developer_bhau","image":"https://img.tlmtr.io/c/1pYU7W/6292085080021119297?ty=x"},"publisher":{"@type":"Organization","name":"Shivraj__Chavan","url":"https://telemetr.io/es/channels/1300056668-developer_bhau","image":"https://img.tlmtr.io/c/1pYU7W/6292085080021119297?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":2935},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":4},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":42}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1300056668-developer_bhau/posts/61","url":"https://telemetr.io/es/channels/1300056668-developer_bhau/posts/61","mainEntityOfPage":"https://telemetr.io/es/channels/1300056668-developer_bhau/posts/61","headline":"https://www.instagram.com/reel/C13fTiItCwG/?igsh=MWlmMjFsaDFycm5kYQ==","articleBody":"https://www.instagram.com/reel/C13fTiItCwG/?igsh=MWlmMjFsaDFycm5kYQ==","datePublished":"2024-01-10T02:25:47Z","dateModified":"2024-01-10T02:25:47Z","author":{"@type":"Organization","name":"Shivraj__Chavan","url":"https://telemetr.io/es/channels/1300056668-developer_bhau","image":"https://img.tlmtr.io/c/1pYU7W/6292085080021119297?ty=x"},"publisher":{"@type":"Organization","name":"Shivraj__Chavan","url":"https://telemetr.io/es/channels/1300056668-developer_bhau","image":"https://img.tlmtr.io/c/1pYU7W/6292085080021119297?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":2705},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1300056668-developer_bhau/posts/59","url":"https://telemetr.io/es/channels/1300056668-developer_bhau/posts/59","mainEntityOfPage":"https://telemetr.io/es/channels/1300056668-developer_bhau/posts/59","headline":"https://youtu.be/QMMt3upTGP0","articleBody":"https://youtu.be/QMMt3upTGP0","datePublished":"2023-12-28T20:32:32Z","dateModified":"2023-12-28T20:32:32Z","author":{"@type":"Organization","name":"Shivraj__Chavan","url":"https://telemetr.io/es/channels/1300056668-developer_bhau","image":"https://img.tlmtr.io/c/1pYU7W/6292085080021119297?ty=x"},"publisher":{"@type":"Organization","name":"Shivraj__Chavan","url":"https://telemetr.io/es/channels/1300056668-developer_bhau","image":"https://img.tlmtr.io/c/1pYU7W/6292085080021119297?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":2662}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1300056668-developer_bhau/posts/58","url":"https://telemetr.io/es/channels/1300056668-developer_bhau/posts/58","mainEntityOfPage":"https://telemetr.io/es/channels/1300056668-developer_bhau/posts/58","headline":"https://youtu.be/93n4tH_EZEQ","articleBody":"https://youtu.be/93n4tH_EZEQ","datePublished":"2023-12-13T09:43:42Z","dateModified":"2023-12-13T09:43:42Z","author":{"@type":"Organization","name":"Shivraj__Chavan","url":"https://telemetr.io/es/channels/1300056668-developer_bhau","image":"https://img.tlmtr.io/c/1pYU7W/6292085080021119297?ty=x"},"publisher":{"@type":"Organization","name":"Shivraj__Chavan","url":"https://telemetr.io/es/channels/1300056668-developer_bhau","image":"https://img.tlmtr.io/c/1pYU7W/6292085080021119297?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":2294}]}}]}
Next playlist konti pahije ??
Anonymous voting

<!DOCTYPE html> <html> <head> <title>Simple Clock with Lines</title> <script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script> <style> #clock { position: relative; width: 400px; height: 400px; margin: 50px auto; font-size: 24px; border:solid } .hour-line, .minute-line, .second-line { position: absolute; transform-origin: 50% 100%; padding-bottom:15%; left:50%; } .hour-line { width: 6px; height: 60px; top: 90px; } .minute-line { width: 4px; height: 80px; top: 40px; } .second-line { width: 2px; height: 100px; top: 25px; } </style> </head> <body> <div id="clock"> <div class="hour-line" id="hourLine"> <div class="clock_number">00</div> <div class="clock_number">00</div> <div class="clock_number">00</div> </div> <div class="minute-line" id="minuteLine"> <div class="clock_number">00</div> <div class="clock_number">00</div> <div class="clock_number">00</div> <div class="clock_number">00</div> <div class="clock_number">00</div> </div> <div class="second-line" id="secondLine"> <div class="clock_number">00</div> <div class="clock_number">00</div> <div class="clock_number">00</div> <div class="clock_number">00</div> <div class="clock_number">00</div> <div class="clock_number">00</div> </div> </div> <script> function updateClock() { const now = new Date(); const hours = now.getHours() || 12; const minutes = now.getMinutes(); const seconds = now.getSeconds(); // Calculate angles for hour, minute, and second hands const hourAngle = (hours % 12) * 30 + minutes * 0.5; const minuteAngle = minutes * 6; const secondAngle = seconds * 6; // Rotate the lines based on the calculated angles $("#hourLine").css("transform",rotate(${hourAngle}deg)).children(".clock_number").html(hours).css("transform",rotate(${-hourAngle}deg)) $("#minuteLine").css("transform",rotate(${minuteAngle}deg)).children(".clock_number").html(minutes).css("transform",rotate(${-minuteAngle}deg)) $("#secondLine").css("transform",rotate(${secondAngle}deg)).children(".clock_number").html(seconds).css("transform",rotate(${-secondAngle}deg)) } // Update the clock every second setInterval(updateClock, 1000); // Initial call to display the clock immediately updateClock(); </script> </body> </html>