Cet article décrit la méthode de la couche de contrôle JS faisant le mouvement circulaire. Partagez-le pour votre référence, comme suit:
<! Doctype html public "- // w3c // dtd html 4.01 // en" "http://www.w3.org/tr/html4/strict.dtd"><html><head><meta http-equiv =" contenu-type "content =" text / html; charset = utf-8 "> <tight> circulaire motion </ title> <script type =" text / javascript "> window.onload = function () {var ctrlbtn = $ id (" ctrl "); var ismove = true; om = null; ctrlbtn.onclick = function () {if (isMove) {moveByCircle (); } else {ClearInterval (om); } ismove =! Ismove; }} fonction movebyCircle () {var bacl = parseInt ($ id ("horlogebac"). style.left); var bact = paSeInt ($ id ("horlogebac"). style.top); var bacw = parseInt ($ id ("horlogebac"). style.width); var bach = parseInt ($ id ("horlogebac"). style.height); var initl = BACL + BACW / 2; var initt = bact + bach / 2; var étape = 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 = paSeInt ($ id ("tt"). style.top); om = window.setinterval (function () {if (Step == 360) {Step = 1;} $ id ("tt"). style.left = (l + r * math.sin (Step)) + "px"; $ id ("tt"). Style.top = (t - r * math.cos (étape) + "px"; Step + = 3.14 / 30; d.Gethours (); var mm = d.getMinutes (); } fonction $ id (id) {return document.getElementById (id); } </ script> </ head> <body> <div id = "tt" style = "width: 10px; hauteur: 10px; fond: rouge; position: absolu; top: 105px; gauche: 130px;"> </v> <entrée type = "bouton" id = "ctrl" style = "width: 100px; position: absolue; id = "horlogebac" style = "width: 200px; hauteur: 200px; top: 100px; gauche: 100px; position: absolue; z-index: -999" /> </ body> </html>Pour plus d'informations sur le contenu lié à JavaScript, veuillez consulter les sujets de ce site: "Résumé des effets et techniques de commutation JavaScript", "Résumé des effets et techniques de recherche JavaScript", "Résumé des erreurs Javascript et des techniques de débogage" Algorithmes et techniques de traversée JavaScript ", et" Résumé de l'utilisation des opérations mathématiques JavaScript "
J'espère que cet article sera utile à la programmation JavaScript de tous.