Javascript 创建一个按钮来启动我的webkit动画？

我有一卷使用webkit旋转的div。我用数组填充每个卷轴，并随机选择一个获胜者

问题是我需要一种方法来再次旋转它而不刷新页面？我将使用“claim prize”按钮在一个单独的数组中记录获奖者/奖金组合，但是我没有办法在不刷新（并重新创建所有数组）页面的情况下重新输入

我想我只需要重新装上旋转装置

挑选奖品（）；
文件。写（“”+获得奖金（）+”
”；

可以将动画属性附加到类名而不是ID。这样，您可以通过在#ring-1和#ring-2上附加“spin”类以编程方式启动动画：

启动动画：

$(".ring").addClass('spin');

在动画结束时删除“旋转”类，以便以后可以启动另一个动画：

$(".ring").bind("animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd", function(){ $(this).removeClass('spin') });

$(".ring").addClass('spin');

$(".ring").bind("animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd", function(){ $(this).removeClass('spin') });