Maison > interface Web > js tutoriel > Utilisez js pour spécifier la taille du pas afin d'obtenir un mouvement uniforme dans une direction

Utilisez js pour spécifier la taille du pas afin d'obtenir un mouvement uniforme dans une direction

巴扎黑
Libérer: 2017-07-20 13:34:56
original
1999 Les gens l'ont consulté

Le code est le suivant :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div id=&#39;box&#39;></div>
    <script>var oBox = document.getElementById("box");var maxLeft = utils.win('clientWidth')-oBox.offsetWidth;var step = 5;var timer = window.setInterval(function(){var curLeft = utils.css(oBox,"left");if(curLeft+step >= maxLeft){//边界判断utils.css(oBox,"left",maxLeft);
                window.clearInterval(timer);return;
            }
            curLeft+=step;
            utils.css(oBox,"left",curLeft);
        },10)//问题:当总距离/我们设定的步长 = 不是一个整数。少走一步还差点距离到目标位置,多走一步会超出目标的位置//解决:在进行边界判断的时候加上步长来进行处理</script>
</body>
</html>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal