javascript - 使用Js或jquery更改具有不同时间间隔的图像

如何使用CSS3，JavaScript或jQuery在单个div中更改具有不同时间间隔的图像。在最后一个时间间隔应清除。

最佳答案

您可以尝试此http://codepen.io/jammer99/pen/PNErKp

var timing = [1000, 2000, 500, 300, 800],
  timeouts

function runinterval() {
  timeouts = setTimeout(function() {
    clearTimeout(timeouts);
    timing.shift();
    $(".imgholder").css("background-image", "url(https://unsplash.it/100/100/?random&i=" + new Date().getTime() + ")")
    if (timing.length != 0)
      runinterval();
  }, timing[0])
}
runinterval();