أثناء عملية توليد الساعة ، فكرت في الطرق التالية لكتابة الاتصال الهاتفي:
بالطبع ، يمكن تحقيق ذلك باستخدام هذا النمط ، لذلك نحن بحاجة إلى استخدام أفضل فهم والرمز لديه طريقة بسيطة نسبيًا لتنفيذه.
1. استخدم وظائف المثلثات
في عملية استخدام JS لترتيب الاتصال الهاتفي في الوظائف المثلثية ، واجهت هذا الموقف: على نطاق الاتصال الهاتفي ، عند حساب قيم محددة مع وظائف مثلثية ، لا يمكن الحصول على عدد صحيح ، ويجب أن يتم تقريبه لأعلى أو لأسفل ، لذلك سيكون هناك بعض الانحرافات بشكل غير مرسوم ، ويصعب مثل هذه الخلافات ضبطها. حتى إذا كان من الممكن تحقيق التأثير النهائي ، فإن الانحرافات في الفجوات والزوايا الدقيقة ستؤثر على التجربة البصرية الشاملة. كمطور للبرنامج ، يصعب الاعتراف بهذه التجربة البصرية من قبل الآخرين والتخلي عنها.
2. استخدم طبقة إخفاء
يستخدم JS طبقة التصنيع ، وخاصة على مقياس الاتصال الهاتفي. يتميز مقياس الاتصال بالمرور وقصير ، وكل 5 مقاييس لها نطاق أطول. وبهذه الطريقة ، يكون طول المقياس الذي نستخدمه طبقة التقنيع هو نفسه ، ومن الصعب الاستمرار في ضبط المقاييس الأخرى ، لذلك نستسلم.
3. استخدام المواقع و (العلاقة بين الأب والطفل) (موصى به)
أعتقد أنه من الأفضل أن نفهم والبدء في طريقة تحديد المواقع والعلاقات بين الأب والطفل. سوف أشاركها معك هنا. هنا هو رمز التنفيذ:
<! doctype html> <html> <head> <meta charset = "utf-8"> <title> </itlem> <style media = "screen"> * {margin: 0 ؛ الحشو: 0 ؛ } #clock {width: 600px ؛ الارتفاع: 600 بكسل ؛ الحدود: 4 بكسل الصلبة الصلبة. الهامش: السيارات ؛ الموقف: قريب الحدود الحدودية: 50 ٪ ؛ } #scale {width: 20px ؛ الارتفاع: 100 ٪ الموقف: مطلق ؛ اليسار: 50 ٪ ؛ الهامش اليساري: -10px ؛ /*الخلفية: الأخضر ؛*/} #point {width: 4px ؛ الارتفاع: 10 بكسل ؛ الخلفية: Lightgray ؛ الهامش: السيارات ؛ } #number {width: 20px ؛ الارتفاع: 20 بكسل ؛ الهامش: 5 بكسل ؛ /*الخلفية: أحمر ؛*/ حجم الخط: 20px ؛ محاذاة النص: المركز ؛ رفع الخط: 20 بكسل ؛ } #Hour {width: 12px ؛ الارتفاع: 180 بكسل ؛ الخلفية: أحمر. الحدود الحدودية: 6px ؛ التحويل الأولي: 50 ٪ 150 بكسل ؛ الموقف: مطلق ؛ أعلى: 150 بكسل ؛ اليسار: 50 ٪ ؛ الهامش اليساري: -6px ؛ } #minute {width: 8px ؛ الارتفاع: 250 بكسل ؛ الخلفية: البرتقالي. الموقف: مطلق ؛ الحدود الحدودية: 4px ؛ التحويل الأولي: 50 ٪ 200 بكسل ؛ أعلى: 100px ؛ اليسار: 50 ٪ ؛ الهامش اليساري: -4px ؛ } #Second {width: 4px ؛ الارتفاع: 360 بكسل ؛ الخلفية: أحمر. الحدود الراديوس: 2px ؛ الموقف: مطلق ؛ أعلى: 0 ؛ اليسار: 50 ٪ ؛ الهامش اليساري: -2px ؛ التحويل الأولي: 50 ٪ 300px ؛ Z-index: 100 ؛ } </style> </head> <body> <div id = "clock"> <div id = "hour"> </viv> <div id = "minate"> </viv> <div id = "second"> </viv> </body> <script type = "text/javaScript"> var clock = document. var hour = document.getElementById ('ساعة') ؛ var minute = document.getElementById ('Minute') ؛ var second = document.getElementById ('Second') ؛ وظيفة Surface () {var currentDate = New Date () ؛ var ساعات = currentDate.gethours () ؛ var minor = currentDate.getMinutes () ؛ var seconds = currentDate.getSeconds () ؛ ثواني = ساعات * 3600 + دقيقة * 60 + ثانية ؛ hour.style.transform = 'rotate ('+seconds / 120+'deg)' ؛ minute.style.transform = 'rotate ('+seconds * 0.1+'deg)' ؛ second.style.transform = 'rotate ('+seconds * 6+'deg)' ؛ } setInterval ('Surface ()' ، 1000) ؛ لـ (var i = 1 ؛ i <61 ؛ i ++) {var scale = document.createElement ('div') ؛ Scale.id = 'Scale' ؛ Scale.Style.transform = 'Rotate ('+i * 6+'deg)' ؛ clock.appendchild (Scale) ؛ var point = document.createElement ('div') ؛ point.id = 'point' ؛ Scale.AppendChild (point) ؛ var number = document.createElement ('div') ؛ number.id = 'number' ؛ number.style.transform = 'rotate (-'+i * 6+'deg)' if (i ٪ 5 == 0) {number.innerhtml = i / 5 ؛ point.style.height = '15px' ؛ } scale.appendchild (number) ؛ } </script> </html>يجب دفع الملاحظات أثناء المعايرة:
1. ما يلي هو الرسم البياني التقديم الذي يتم تنفيذه خطوة بخطوة. أخيرًا ، تتم مطابقة التفاصيل عن كثب. لا تستخدم أي طرق أخرى لضبطها. بعد اكتمال تخطيط النمط ، يمكن الحصول على الوقت الحالي وتصحيحه. هناك مثل هذه المشكلة أثناء عملية التصحيح. آمل أن يتمكن الجميع من الانتباه إلى: لا يمكن حساب زاوية الدوران في اليد ساعة في وحدات من الساعات. على سبيل المثال: 9:58 في هذا الوقت ، يكون وضع يده في الساعة 9. عندما 10:00 ، تقفز الموضع التالي من يد الساعة إلى موضع 10. لذلك ، يجب حساب زاوية ساعة الساعة في دقائق أو ثوانٍ ، ويجب حساب زاوية اليد الدقيقة في دقائق أو ثوانٍ. القفز المستعملة 6 درجات في الثانية.
2. شيء آخر يجب ملاحظته هو أنه يجب تحديد مركز الدوران للمؤشرات الثلاثة باستخدام التحويل الأولي لتحديد نقطة الدوران للمؤشر.
تناقش المقالة أعلاه باختصار توليد الساعات (رمز موجز بخط اليد JS) هو كل المحتوى الذي أشاركه معك. آمل أن تتمكن من إعطائك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.