fa
Feedback
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/fa/channels/1300056668-developer_bhau","image":"https://img.tlmtr.io/c/1pYU7W/6292085080021119297?ty=x"},"publisher":{"@type":"Organization","name":"Shivraj__Chavan","url":"https://telemetr.io/fa/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/fa/channels/1300056668-developer_bhau/posts/62","url":"https://telemetr.io/fa/channels/1300056668-developer_bhau/posts/62","mainEntityOfPage":"https://telemetr.io/fa/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/fa/channels/1300056668-developer_bhau","image":"https://img.tlmtr.io/c/1pYU7W/6292085080021119297?ty=x"},"publisher":{"@type":"Organization","name":"Shivraj__Chavan","url":"https://telemetr.io/fa/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/fa/channels/1300056668-developer_bhau/posts/61","url":"https://telemetr.io/fa/channels/1300056668-developer_bhau/posts/61","mainEntityOfPage":"https://telemetr.io/fa/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/fa/channels/1300056668-developer_bhau","image":"https://img.tlmtr.io/c/1pYU7W/6292085080021119297?ty=x"},"publisher":{"@type":"Organization","name":"Shivraj__Chavan","url":"https://telemetr.io/fa/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/fa/channels/1300056668-developer_bhau/posts/59","url":"https://telemetr.io/fa/channels/1300056668-developer_bhau/posts/59","mainEntityOfPage":"https://telemetr.io/fa/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/fa/channels/1300056668-developer_bhau","image":"https://img.tlmtr.io/c/1pYU7W/6292085080021119297?ty=x"},"publisher":{"@type":"Organization","name":"Shivraj__Chavan","url":"https://telemetr.io/fa/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/fa/channels/1300056668-developer_bhau/posts/58","url":"https://telemetr.io/fa/channels/1300056668-developer_bhau/posts/58","mainEntityOfPage":"https://telemetr.io/fa/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/fa/channels/1300056668-developer_bhau","image":"https://img.tlmtr.io/c/1pYU7W/6292085080021119297?ty=x"},"publisher":{"@type":"Organization","name":"Shivraj__Chavan","url":"https://telemetr.io/fa/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>