Heim > Artikel > Web-Frontend > Verwenden Sie js, um die Schrittgröße anzugeben, um eine gleichmäßige Bewegung in eine Richtung zu erreichen
Verwenden Sie js, um die Schrittgröße anzugeben, um eine gleichmäßige Bewegung in eine Richtung zu erreichen
- 巴扎黑Original
- 2017-07-20 13:34:561899Durchsuche
Der Code lautet wie folgt:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id='box'></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>
Das obige ist der detaillierte Inhalt vonVerwenden Sie js, um die Schrittgröße anzugeben, um eine gleichmäßige Bewegung in eine Richtung zu erreichen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Ein Tool mit demselben Code-Schreibstil – editorConfigNächster Artikel：Ein Tool mit demselben Code-Schreibstil – editorConfig