javascript - 我怎样才能将随机变成顺序Javascript？

Question

我有这个代码，用于随机更改每个页面重新加载时显示的图像。我对 JavaScript 的经验不是很丰富，所以有人可以帮助我让这段代码按顺序而不是随机地更改重新加载时的图像吗？

这是代码:

function showImage(){
    var theImages = new Array()

    theImages[0] = '100.jpg'
    theImages[1] = '200.jpg'
    theImages[2] = '300.jpg'
    theImages[3] = '400.jpg'
    theImages[4] = '500.png'

    var j = 0
    var p = theImages.length;

    var preBuffer = new Array()
    for (i = 0; i < p; i++){
       preBuffer[i] = new Image()
       preBuffer[i].src = theImages[i]
    }

    var whichImage = Math.round(Math.random()*(p-1));
    function showImage(){
    document.write('<img src="'+theImages[whichImage]+'">');
}

然后我只需用以下命令调用正文中的图像:

showImage();

Answer 1

这将按顺序显示它们，并在全部显示完毕后从头重复。

(function(){
    var list = [
            "100.jpg",
            "200.jpg",
            "300.jpg",
            "400.jpg",
            "500.jpg"
        ],i = localStorage.image || 0;
    document.write('<img src="'+list[i]+'"/>');
    i++;
    i%=list.length;
    localStorage.image = i;
})();

这是一个jsfiddle: http://jsfiddle.net/J9gAD/

似乎没有人(jsbin、jsfiddle、codepen)支持 document.write，这是可以理解的，因此 fiddle 展示了如何更改 img 标记的 src 值，而不是在原位写入元素。

要使用 HTML 内容(在 div 中)执行此操作... http://jsfiddle.net/J9gAD/2/