javascript - 如何使用jQuery每5秒钟产生一次动画？

好吧，所以我对jQuery没有太多经验。我在这里要做的是每5秒更改一次页面背景（实际上是10秒，但5秒用于测试）。除此之外，我还想要一个倒计时动画，就像页面下面的一个栏。我每5秒换一次背景，但我不能让酒吧动画正常工作。它只发生一次或两次，但再也不会发生：////
这是酒吧动画的代码

var initialWidth = 0;
var initialHeight = 0;

var firstMeasurements = function(){
  initialHeight = $(".countdown").height() + "px";
  initialWidth = $(".countdown").width() + "px";
}

$(function(){
        var bar = $(".countdown");

        function countdown() {
              bar.animate({"width":"0px"}, 5000);
        }

        function restartCountdown() {
              bar.css("width", initialWidth);
              countdown();
              setTimeout(restartCountdown, 5000);
        }

        bar.css("height", initialHeight);
        restartCountdown();
});

“倒计时”是我想每5秒设置一次的div类。
有人能告诉我我的密码怎么了吗？
谢谢您。

最佳答案

下面是完整的代码LIVE DEMO

$(function () {
        var firstMeasurements = {
            width: $("#countdown").css('width'),
            height: $("#countdown").css('width')
        }
        var startAnim = function () {
            $("#countdown").animate({
                "width": "0px", "height": "0px"
            }, 5000, resetAnim)
        }
        var resetAnim = function () {
            $("#countdown").css({
                "width": firstMeasurements.width,
                "height": firstMeasurements.height
            });
            startAnim();
        }
        startAnim()
    });

关于javascript - 如何使用jQuery每5秒钟产生一次动画？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31696352/