javascript棋盘游戏,同步问题卡

javascript棋盘游戏,同步问题卡,javascript,jquery,Javascript,Jquery,我正在用javascript开发一个棋盘游戏,我几乎解决了所有的条件和迭代,但我仍然有一个问题:这是一个游戏,你掷骰子,然后你的棋子移动,当你的棋子到达棋盘上的某个位置时,它应该显示一张有问题的牌。 这张卡片实际上是一个html div,我只是使用一个.css文件来隐藏和显示它。 问题是,在我掷骰子之后,它就开始“开火”,我不知道如何将它与棋子的动作同步,以便在棋子实际到达棋盘部分时显示出来。 典当只是一个图像,我使用jQuery“调用”它,比如:$(“#bluePawn”),然后我使用java

我正在用javascript开发一个棋盘游戏,我几乎解决了所有的条件和迭代,但我仍然有一个问题:这是一个游戏,你掷骰子,然后你的棋子移动,当你的棋子到达棋盘上的某个位置时,它应该显示一张有问题的牌。 这张卡片实际上是一个html div,我只是使用一个.css文件来隐藏和显示它。 问题是,在我掷骰子之后,它就开始“开火”,我不知道如何将它与棋子的动作同步,以便在棋子实际到达棋盘部分时显示出来。 典当只是一个图像,我使用jQuery“调用”它,比如:$(“#bluePawn”),然后我使用javascript中的动画函数使它在黑板上“移动”。 该函数接收4个参数,它们是:要移动的DOM对象(我前面提到的棋子)、棋子在棋盘上的当前位置、要移动的空格数以及真/假标志。 如果我向您展示发布移动的代码片段,我希望这可以更具说明性

棋子可以放置和移动的位置在棋盘上用像素坐标“标记”,包含在关联数组中


我试图包含一个示例代码,但无法正确缩进。

如果您知道该人移动需要多长时间,可以使用
setTimeout()
在触发卡(或jQuery动画)之前等待适当的长度

如果你不知道确切的时间,你应该查看回调函数。在你移动棋子后,触发函数显示卡片(通过移除或隐藏css类)


这是一个通用问题的通用答案,没有代码:)

欢迎使用堆栈溢出。“我试图包含一个示例代码”-请再努力一点:单击“编辑”,粘贴代码,然后选择它并按
{}
按钮,它将自动格式化为代码。考虑一下,也可以提供一个演示(或者直接在问题中的代码应该是优先权)。谢谢Jamund,我认为你的第二个选项最适合,因为我认为我不能估计移动棋子移动所需的时间。你能给我举个例子,说明如何通过使用回调函数来设置触发函数吗?(请原谅我的无知,但我实际上是javascript的新手,这是我学习这种语言的第一个学期)