JavaScript Horizo​​ntal Spinner

Question

我为一些朋友制作了一个有趣的小网站，我想要实现的是一个简单的轮盘赌旋转器。我开始制作一些资产，例如this微调器，但不知道如何使它看起来像旋转并落在特定位置。

这是一切都应该发生的顺序：

1. 每5秒钟 一个。使用AJAX Ping服务器，包括用户输入的点数。
   湾服务器使用JSON回复，有两种类型，{position：“ number ”，win：“ true / false ”，金额：“点丢失或获得“}，或{错误：” nospin “} C。这告诉我们轮盘赌桌应该在哪里结束，或者它是否过于早/晚旋转

所以它将继续ping，直到服务器告诉我们已经做出选择，然后它会将表旋转到获胜点并且能够告诉用户“你丢了1分！”或者“你赢了1分”

有人能帮助我做到这一点吗？

Answer 1

想法：将轮盘赌图片设置为<div>的背景图片，并通过每隔几毫秒更改div的背景位置来旋转轮盘。

我花了一段时间，但你到了这里：

Working JSFiddle!

很好地工作，但你可能想要改变一些事情以使其更加真实。祝你好运！