Javascript动画在屏幕上移动

Question

是动画的新手。需要一些帮助。希望您能提供帮助。我已经努力了几天，试图了解如何完成以下基本操作。不知道我在哪里犯错。实际上，我刚刚设法用25个球弹起一个球。但这有点棘手。由于某种原因，我试图使用setTimeout()无法解决问题。

我只需要2个小正方形在屏幕上水平移动，但应该在另一个后面。因此基本上第一个方块会出现在左侧，开始在屏幕上移动，然后在3秒钟后出现第二个方块，并跟随第一个方块。你能帮忙吗。我将不胜感激。谢谢

Answer 1

您想怎么做？ 使用<canvas></canvas> 或者只是带有标记为position: absolute;的正方形 如果是第二个选项，请使用<div></div>并在CSS中应用width和height。使其具有position: absolute;并在使用left和top属性之后。要移动它，请使用animation或@keyframes。

Answer 2

var ctx = document.querySelector（“ canvas”）。getContext（'2d'）; var Width = document.documentElement.clientWidth; var Height = document.documentElement.clientHeight; var myarray = [“ sq1”，“ sq2”，“ sq3”，“ sq4”，“ sq5”，“ sq6”，“ sq7”，“ sq8”，“ sq9”] var temp = new Array（0）; var coox = 0; 函数rect（coox） { this.coox = coox; } 对于（x = 0; x

Answer 3

是，使用。基本上，我只希望彼此相邻2个正方形，并从屏幕的左侧到右侧说3秒钟的延迟。以上是我尝试过的。制作了10个物体，并尝试将方块在屏幕上一个又一个地延迟移动。只是行不通。不知道我在做什么错。感谢您的回复。