Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Home > Web Front-end > JS Tutorial > body text

Use js to specify the step size to achieve uniform motion in one direction

巴扎黑

Release： 2017-07-20 13:34:56

Original

1956 people have browsed it

The code is as follows:

<!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>

Copy after login

The above is the detailed content of Use js to specify the step size to achieve uniform motion in one direction. For more information, please follow other related articles on the PHP Chinese website!

Related labels：

javascript Summarize

source：php.cn

Previous article：A tool with the same code writing style——editorConfig Next article：See how the master uses javascript programming to solve the black cow problem

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn