javascript - Angular 如何在第一次运行时不延迟地使用 $interval？

Question

我有以下功能，可以在屏幕上为某些对象设置动画:

$interval(function() {
    $('#cloudLeftToRight').animate({
        left: '+=250%',
    }, 7000, function() {
        $('#cloudLeftToRight').removeAttr('style');
        $scope.resetAnimationCloudLeftToRight();
    });
}, 8000);

问题是，如果应用程序功能被触发，第一个动画会在 8 秒后显示。延迟。

我想在触发函数后立即运行动画，然后每 8 秒重复一次动画。

我想到了一个解决方案:

将定时器和动画函数分开，在初始化后只调用动画函数并立即调用定时器函数，其中应该传递动画函数的名称。

请问还有更好的解决方案吗？

非常感谢您的任何建议。

Answer 1

你可以尝试这样的事情:

function myFunction(){
  $('#cloudLeftToRight').animate({
    left: '+=250%',
  }, 7000, function () {
    $('#cloudLeftToRight').removeAttr('style');
    $scope.resetAnimationCloudLeftToRight();
  });  
}

myFunction();
$interval(function () {
  myFunction();
}, 8000);