立即运行功能，然后在指定时间后运行

Question

function imgMan(){
var frames = 6;
var img = document.getElementsByClassName('img-man')[0];
var frame = 1;
var animation = setInterval(function() { 
if (frame == frames) {
 clearInterval(animation); return; 
 }
    img.style.background = 'url(images/img-man-'+ frame++ + '.png) no-repeat';
    }, 140);
}

这将在140ms后运行该功能，即每个图像将在140ms后更改。但我需要立即运行该功能，之后更改图像应该在140ms之后。

我该怎么做？

---

我现在有这个：

140分img-man-1经过140ms img-man-1经过140ms img-man-3之后140分img-man-1之后

但我需要这个：

在经过140ms img-man-3之后的140ms img-man-2之后的0ms img-man-1之后

Answer 1

只需将其存储在变量中，然后手动唤起它

function imgMan(){
  var frames = 6;
  var img = document.getElementsByClassName('img-man')[0];
  var frame = 1;
  var func = function() { 
    if (frame == frames) { clearInterval(animation); return; }
    img.style.background = 'url(images/img-man-'+ frame++ + '.png) no-repeat';
  };
  var animation = setInterval(func, 140);
  setTimeout(func, 0);
}