uk
Feedback

Не попадись на ботовода! Telemetrio знаходить і позначає такі канали мітками 👉 Хочеш бачити мітку, оформляй підписку

Shivraj__Chavan

Shivraj__Chavan

Відкрити в Telegram

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

Показати більше
1 417
Підписники
-324 години
-127 днів
-3230 днів
Архів дописів
\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/uk/channels/1300056668-developer_bhau","image":"https://img.telemetr.io/c/1pYU7W/6292085080021119297?ty=x"},"publisher":{"@type":"Organization","name":"Shivraj__Chavan","url":"https://telemetr.io/uk/channels/1300056668-developer_bhau","image":"https://img.telemetr.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/uk/channels/1300056668-developer_bhau/posts/62","url":"https://telemetr.io/uk/channels/1300056668-developer_bhau/posts/62","mainEntityOfPage":"https://telemetr.io/uk/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/uk/channels/1300056668-developer_bhau","image":"https://img.telemetr.io/c/1pYU7W/6292085080021119297?ty=x"},"publisher":{"@type":"Organization","name":"Shivraj__Chavan","url":"https://telemetr.io/uk/channels/1300056668-developer_bhau","image":"https://img.telemetr.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/uk/channels/1300056668-developer_bhau/posts/61","url":"https://telemetr.io/uk/channels/1300056668-developer_bhau/posts/61","mainEntityOfPage":"https://telemetr.io/uk/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/uk/channels/1300056668-developer_bhau","image":"https://img.telemetr.io/c/1pYU7W/6292085080021119297?ty=x"},"publisher":{"@type":"Organization","name":"Shivraj__Chavan","url":"https://telemetr.io/uk/channels/1300056668-developer_bhau","image":"https://img.telemetr.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/uk/channels/1300056668-developer_bhau/posts/59","url":"https://telemetr.io/uk/channels/1300056668-developer_bhau/posts/59","mainEntityOfPage":"https://telemetr.io/uk/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/uk/channels/1300056668-developer_bhau","image":"https://img.telemetr.io/c/1pYU7W/6292085080021119297?ty=x"},"publisher":{"@type":"Organization","name":"Shivraj__Chavan","url":"https://telemetr.io/uk/channels/1300056668-developer_bhau","image":"https://img.telemetr.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/uk/channels/1300056668-developer_bhau/posts/58","url":"https://telemetr.io/uk/channels/1300056668-developer_bhau/posts/58","mainEntityOfPage":"https://telemetr.io/uk/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/uk/channels/1300056668-developer_bhau","image":"https://img.telemetr.io/c/1pYU7W/6292085080021119297?ty=x"},"publisher":{"@type":"Organization","name":"Shivraj__Chavan","url":"https://telemetr.io/uk/channels/1300056668-developer_bhau","image":"https://img.telemetr.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>