JQuery转换只能工作两次

Question

我目前正在学习如何使用JQuery和Web Design。

这个简单的开头是＆＃34; .back＆＃34;预旋转到180度。 它每隔3秒旋转一次＆＃34; .flipper＆＃34;通过180度，交换＆＃34; .back＆＃34;和＆＃34; .front＆＃34;。

由于某种原因，只翻转到＆＃34; .back＆＃34;然后回到＆＃34; .front＆＃34;一旦。 有谁知道为什么？

我首先从教程中找到了这个设置，显示了如何在悬停事件中翻转这些设置。

这是我到目前为止所拥有的。

<div class="flip-container">
    <div class="flipper">
        <div class="front">
            <!-- front content -->
        </div>
        <div class="back">
            <!-- back content -->
        </div>
    </div>
</div>

<script>

    var deg = '180deg';

    function RotateFlipper()
    {
        $(".flipper").transition({rotateY: degree});
        deg = deg = '180deg' ? '0' : '180deg'
    }

    window.setInterval(RotateFlipper, 3000);

</script>