JAvascript 180到-180旋转

现在，当用户单击此图像时，它会旋转180度。
我想更新它来做到这一点：如果用户单击图像，它会旋转180度，但是如果用户再次单击图像，它会旋转回其原始位置

以下是我的javascript：

var值=0
$（“#第1行”）。单击（函数（）{
数值+=180；
$（“#image1”）.rotate（{animateTo:value}）；
});

HTML:

公司

名称

为角度的变化量保留一个单独的变量，并在每次单击时将其取反：

var value = 0;
var delta = 180;
$("#row-1").click(function(){
    value += delta;
    delta = -delta;
    $("#image1").rotate({ animateTo:value});
});

---

我建议在开始时将您的值设置为-180，然后每次用户单击时，您都会执行一个操作

value = value * -1;

---

这将给出：180，-180，180，-180（…）等等。这就是你想要的？

我知道这已经得到了回答，但我想在这里得到一个简单的答案。

var angle = 180;
$("#row-1").toggle(function(){
    value +=angle ;
    $("#image1").rotate({ animateTo:value});
    angle = angle*(-1);
});

还有一个依赖于

HTML：

公司

名称

JavaScript：

var值=0；
$（“#第1行”）。单击（函数（）{
值=值？0:180
$（“#image1”）.rotate（{animateTo:value}）；
});

反向翻转-180表示：向同一方向翻转180。所以，再点击一次，它必须继续转动？。尝试：顺时针单击1:180度。单击2:-逆时针旋转180度。它有什么作用？但它可能会转向错误的方向^^^谢谢！这就是我需要的。：）我不知道为什么我得到了两张反对票@TedHopp@PixelReaper-很乐意帮忙。我也不知道否决票是为了什么。两个变量可能有点不必要，因为你只是在0和180之间切换（

value=value？0:180

）@Juhana-True，除非

value

可能在代码中的其他地方更改为0或180以外的值。如果是我的代码，我可能会保留两个变量，分别表示“当前角度”和“旋转量”；这会让我觉得更易于维护。@PixelReaper，我没有否决你的意见，只是为了解释一下：你的代码样本有点马虎。javascript id与html id不匹配。HTML只是被整合到问题中，而不是以可读的方式格式化。不管你的意图是什么，这些事情让人觉得你并没有花很多精力去构思你的问题。对于提出仅由html和javascript组成的问题，A始终是一个好的起点。很高兴看到你得到了一个适合你的答案。嗯…碰巧+180和-180是同一个方向。该值需要在0和+180之间切换，而不是在-180和+180之间切换。我知道在开始时^^之后，对我来说，当您旋转180°时，您需要旋转-180°以返回原始位置^^