javascript - 3 秒后的下一张图片

Question

我有带下一个/上一个按钮的图片库，我想在 3 秒后自动将图像更改为下一个图像。我该怎么做？ Javascript 中的这段代码:

var ary=[
'images/image1.png',            
'images/image2.jpg',
'images/image3.jpg',
'images/image4.jpg',
'images/image4.jpg',
'images/image4.jpg'
];

function Slide(id,ary,nu){
 document.getElementById(id).src = ary[nu];
 Slide[id] = {nu: nu};  
}

function nextImage(id, ary, ud){
  var nu = (Slide[id]&&Slide[id].nu?Slide[id].nu:0) + ud;  
  Slide(id, ary, Math.min(Math.max(nu, 0), ary.length-1));
}

感谢您的每一个回答。

Answer 1

你可以这样做 DEMO

<div class="image">
  <img src="http://placehold.it/350x150">
</div>

JS

$(function () {
  count = 0;
  images = ["http://placehold.it/350x150/FF0000", "http://placehold.it/350x150/4A84EB", "http://placehold.it/350x150/45BAE4", "http://placehold.it/350x150"];

  setInterval(function () {
    count++;
    $(".image img").fadeOut(400, function () {
      var next = images[count % images.length];
      $(this).attr('src', next).fadeIn(400);
    });
  }, 3000);
});