不同时间延迟与不同的图像

Question

我需要在不同的时间间隔内旋转图像，例如第一张图像应该是10秒，第二张是20秒定时器等。请有人帮我这个。我有以下脚本：

<script type="text/javascript">
var imgs3 = new Array("../webroot/img/1.jpg", "../webroot/img/2.gif", "../webroot/img/3.gif");
var lnks3 = new Array("www.a.com", "www.b.com", "www.c.com");
var alt3 = new Array("StarBid", "Happy Winners", "Special Offer");
var currentAd3 = 0;
var imgCt3 = 3;

function cycle3() {
    if (currentAd3 == imgCt3) {
        currentAd3 = 0;
    }
    var banner3 = document.getElementById('adBanner3');
    var link3 = document.getElementById('adLink3');
    banner3.src = imgs3[currentAd3]
    banner3.alt = alt3[currentAd3] document.getElementById('adLink3').href = lnks3[currentAd3]
    currentAd3++;
}
window.setInterval("cycle3()", 10000);​
<script>

Answer 1

试试这个我创造的小提琴： http://jsfiddle.net/cEUZq/14/

将图像替换为您要显示的图像。添加任意数量的图像。变量times是一个数组，其中包含要显示的每张图片的秒数。如果您需要任何帮助，请告诉我。

这需要jQuery。