uz
Feedback

Firibgarlarga uchmang! Telemetrio bunday kanallarni topadi va belgilaydi 👉 Belgini ko‘rmoqchi bo‘lsangiz, obuna bo‘ling

Shivraj__Chavan

Shivraj__Chavan

Kanalga Telegram’da o‘tish

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

Ko'proq ko'rsatish
1 417
Obunachilar
-324 soatlar
-127 kun
-3230 kun
Postlar arxiv
\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/uz/channels/1300056668-developer_bhau","image":"https://img.telemetr.io/c/1pYU7W/6292085080021119297?ty=x"},"publisher":{"@type":"Organization","name":"Shivraj__Chavan","url":"https://telemetr.io/uz/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/uz/channels/1300056668-developer_bhau/posts/62","url":"https://telemetr.io/uz/channels/1300056668-developer_bhau/posts/62","mainEntityOfPage":"https://telemetr.io/uz/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/uz/channels/1300056668-developer_bhau","image":"https://img.telemetr.io/c/1pYU7W/6292085080021119297?ty=x"},"publisher":{"@type":"Organization","name":"Shivraj__Chavan","url":"https://telemetr.io/uz/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/uz/channels/1300056668-developer_bhau/posts/61","url":"https://telemetr.io/uz/channels/1300056668-developer_bhau/posts/61","mainEntityOfPage":"https://telemetr.io/uz/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/uz/channels/1300056668-developer_bhau","image":"https://img.telemetr.io/c/1pYU7W/6292085080021119297?ty=x"},"publisher":{"@type":"Organization","name":"Shivraj__Chavan","url":"https://telemetr.io/uz/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/uz/channels/1300056668-developer_bhau/posts/59","url":"https://telemetr.io/uz/channels/1300056668-developer_bhau/posts/59","mainEntityOfPage":"https://telemetr.io/uz/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/uz/channels/1300056668-developer_bhau","image":"https://img.telemetr.io/c/1pYU7W/6292085080021119297?ty=x"},"publisher":{"@type":"Organization","name":"Shivraj__Chavan","url":"https://telemetr.io/uz/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/uz/channels/1300056668-developer_bhau/posts/58","url":"https://telemetr.io/uz/channels/1300056668-developer_bhau/posts/58","mainEntityOfPage":"https://telemetr.io/uz/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/uz/channels/1300056668-developer_bhau","image":"https://img.telemetr.io/c/1pYU7W/6292085080021119297?ty=x"},"publisher":{"@type":"Organization","name":"Shivraj__Chavan","url":"https://telemetr.io/uz/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>