如何使背景动画进入循环(重复函数)

How to make a background animation into a loop (repeat function)

本文关键字：函数 循环 何使 背景 动画      更新时间：2023-09-26

我有一个脚本显示开始在网站的背景。过了一会儿就停了。我怎样才能把它变成一个循环呢?

$(function(){
  $('#midground').css({backgroundPosition: '0px 0px'});
  $('#foreground').css({backgroundPosition: '0px 0px'});
  $('#midground').animate({
    backgroundPosition:"(-10000px -2000px)"
  }, 240000, 'linear');
  $('#foreground').animate({
    backgroundPosition:"(-10000px -2000px)"
  }, 180000, 'linear');
})

将其放入函数中，然后在setTimeout后调用自身

function myAnimation() {
    $('#midground').css({backgroundPosition: '0px 0px'});
    $('#foreground').css({backgroundPosition: '0px 0px'});
        $('#midground').animate({
            backgroundPosition:"(-10000px -2000px)"
        }, 240000, 'linear');
        $('#foreground').animate({
            backgroundPosition:"(-10000px -2000px)"
        }, 180000, 'linear', function() {
            setTimeout(myAnimation, 500);
        });
    });
}
相关文章：