Javascript 动画在屏幕上移动答案

【问题标题】：Javascript animation moving across the screenJavascript 动画在屏幕上移动
【发布时间】：2020-04-10 12:59:57
【问题描述】：

刚接触动画。需要一些帮助。我希望你能帮忙。几天来，我一直在努力理解如何做以下基本事情。不知道我在哪里犯了错误。事实上，我刚刚用 25 个球做了一次弹跳。但这有点棘手。由于某种原因，我试图使用setTimeout() 无法正常运行。

我只需要在屏幕上水平移动 2 个小方块，但它应该一个接一个。所以基本上第一个方块出现在左边，开始在屏幕上移动，然后在 3 秒后出现第二个方块，然后简单地跟随第一个方块。你能帮忙吗。我将不胜感激。谢谢

【问题讨论】：

嘿鲁本，你能提供一些代码，或者你迄今为止尝试过的例子吗？这将帮助我们更好地帮助您。

【解决方案1】：

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

【讨论】：

【解决方案2】：

var ctx = document.querySelector("canvas").getContext('2d'); 变量宽度=document.documentElement.clientWidth; var 高度=document.documentElement.clientHeight; var myarray=["sq1","sq2","sq3","sq4","sq5","sq6","sq7","sq8","sq9"]; var temp=新数组（0）； var coox=0; 函数矩形（coox） { 这个.coox=coox; } 对于 (x=0;x

【讨论】：

【解决方案3】：

是的，使用 .基本上我只想要 2 个方块相互跟随，从屏幕的左到右有 3 秒的延迟，就是这样。以上是我尝试过的。制作了 10 个对象，并尝试将方块在屏幕上一个接一个地移动，并有延迟。它只是行不通。不知道我做错了什么。感谢您的回复。

【讨论】：