Cet article décrit le cadre de base du mouvement JS. Partagez-le pour votre référence. L'analyse spécifique est la suivante:
Remarque ici:
1. Éteignez la minuterie existante lors du démarrage du mouvement
2. Mouvement séparé de l'arrêt
Copiez le code comme suit: <! Doctype html>
<html>
<adal>
<meta charset = "utf-8">
<Title> </Title>
<style type = "text / css">
# div1 {
Largeur: 200px;
hauteur: 200px;
Contexte: rouge;
Position: absolue;
à gauche: 0;
En haut: 60px;
}
</ style>
<script type = "text / javascript">
window.onload = function () {
var odiv = document.getElementById ("div1");
var obt = document.getElementsByTagName ('entrée') [0];
var time = null;
obt.onclick = function () {
ClearInterval (temps); // Le premier temporisateur doit être désactivé ici, car il s'agit de résoudre le bogue où plusieurs boutons sont cliqués pendant le mouvement, ce qui entraîne plusieurs minuteries superposées.
time = setInterval (function () {
Var Speed = 7;
if (odiv.offsetleft <= 600)
odiv.style.left = odiv.offsetleft + speed + 'px';
autre{
ClearInterval (temps);
}
}, 30);
}
}
</cript>
</ head>
<body>
<input type = "Button" value = "start Movery" />
<div id = "div1"> </div>
</docy>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.