تصف هذه المقالة طريقة صنع طبقة التحكم في JS. شاركه للرجوع إليه ، على النحو التالي:
<! doctype html public "-// w3c // dtd html 4.01 // en" "http://www.w3. الحركة </title> <script type = "text/javaScript"> window.onload = function () {var ctrlbtn = $ id ("ctrl") ؛ var Ismove = true ؛ om = null ؛ ctrlbtn.onclick = function () {if (isMove) {moveByCircle () ؛ } آخر {clearinterval (om) ؛ } iSmove =! Ismove ؛ }} function moveByCircle () {var bacl = parseint ($ id ("clockbac"). style.left) ؛ var bact = parseint ($ id ("clockbac"). style.top) ؛ var bacw = parseint ($ id ("clockbac"). style.width) ؛ var bach = parseint ($ id ("clockbac"). style.Height) ؛ var initl = bacl+bacw/2 ؛ var initt = bact+bach/2 ؛ var step = 0 ؛ var r = 65 ؛ $ id ("tt"). style.left = initl+"px" ؛ $ id ("tt"). style.top = initt+"px" ؛ var l = parseint ($ id ("tt"). style.left) ؛ var t = parseint ($ id ("tt"). style.top) ؛ om = window.setInterval (function () {if (step == 360) {step = 1 ؛} $ id ("tt"). style.left = (l + r * math.sin (step)) + "px" ؛ $ id ( d.gethours () ؛ } وظيفة $ id (id) {return document.getElementById (id) ؛ } </script> </head> <body> <div id = "tt" style = "width: 10px ؛ الارتفاع: 10px ؛ الخلفية: أحمر ؛ الموضع: المطلق ؛ أعلى: 105px ؛ اليسار: 130px ؛"> </div> "../img/clock.jpg" id = "clockbac" style = "width: 200px ؛ quight: 200px ؛ top: 100px ؛ left: 100px ؛ position: absolute ؛ z-index: -999"/> </body> </html>لمزيد من المعلومات حول المحتوى المتعلق بـ javaScript ، يرجى مراجعة موضوعات هذا الموقع: "ملخص لتأثيرات وتقنيات تبديل JavaScript" ، "ملخص لمهارات خوارزمية بحث JavaScript" ، "ملخص لتأثيرات الرسوم المتحركة JavaScript و Techniques و" ملخص ". خوارزميات وتقنيات JavaScript Traversal "، و" ملخص استخدام العمليات الرياضية JavaScript "
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.