บทความนี้อธิบายวิธีการของชั้นควบคุม JS ทำให้การเคลื่อนไหวแบบวงกลม แบ่งปันสำหรับการอ้างอิงของคุณดังนี้:
<! doctype html public "-// w3c // dtd html 4.01 // en" "http://www.w3.org/tr/html4/strict.dtd"> <html> charset = utf-8 "> <title> circular motion </title> <script type =" text/javascript "> window.onload = function () {var ctrlbtn = $ id (" ctrl "); var ismove = true; OM = NULL; ctrlbtn.onclick = function () {ถ้า (ismove) {moveByCircle (); } else {ClearInterval (OM); } ismove =! ismove; }} ฟังก์ชั่น 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 (ขั้นตอน)) + "px"; $ id ("tt"). style.top = (t - r * math.cos (ขั้นตอน) D.GetHours (); } function $ id (id) {return document.getElementById (id); } </script> </head> <body> <div id = "tt" style = "ความกว้าง: 10px; ความสูง: 10px; พื้นหลัง: สีแดง; ตำแหน่ง: สัมบูรณ์; ด้านบน: 105px; ซ้าย: 130px;"> </div> <อินพุตประเภท = "ปุ่ม" id = "ctrl" สไตล์ = "100px; id = "clockbac" style = "ความกว้าง: 200px; ความสูง: 200px; top: 100px; ซ้าย: 100px; ตำแหน่ง: สัมบูรณ์; z-index: -999"/> </body> </html>สำหรับข้อมูลเพิ่มเติมเกี่ยวกับเนื้อหาที่เกี่ยวข้องกับ JavaScript โปรดตรวจสอบหัวข้อของไซต์นี้: "สรุปเอฟเฟกต์และเทคนิคการสลับ JavaScript", "สรุปทักษะอัลกอริธึมการค้นหา JavaScript", "สรุปผลการสรุปและเทคนิคการสรุปของ JavaScript ของ JavaScript อัลกอริทึมและเทคนิคการสำรวจ JavaScript "และ" สรุปการใช้งานทางคณิตศาสตร์ JavaScript "
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน