如何在 HTML/Java 脚本中获取随机数并让每个随机数发生不同的事情

Question

我正在尝试制作一个 HTML 文件，它将随机打开 6 张图片中的一张。我已经拥有的只能打开我指定的那张。有没有办法让它随机打开一个

    <!DOCTYPE html>
        <body>
            <img src="IMG_1643.jpg" width="100%"/>
            <script type="text/javascript">
                setInterval("window.close()", 10000);
            </script>
        </body>

我拥有的6张图片的名称是：

^04CA0231DA52E6C51B485BD9D7B46A52692ECC1CCB4F6E30A4^pimgpsh_fullsize_distr.jpg
^EE8BDA9E7F039326CF7340D2B4849A4ECA9E466F65BF7C4EE3^pimgpsh_fullsize_distr.jpg
IMG_1643.jpg
YTpic1 .png
YTpic2.jpg
YTpic2.gif

Answer 1

这是您需要的：JSfiddle - change img on reload。

在这个例子中，我使用的是来自互联网的图片，但您应该做的是更改数组中的元素名称，一切都会正常进行。示例：将此“http://images4.fanpop.com/image/photos/22200000/-ZORO-one-piece-22288454-414-479.jpg”更改为此 "YTpic2.gif".

这是 HTML 代码：

<img src="d" id="myImg"/>

这是 JavaScript 代码：

var images = [ "http://images4.fanpop.com/image/photos/22200000/-ZORO-one-piece-22288454-414-479.jpg", "http://3.bp.blogspot.com/-VOiVpheXW_g/UmkqgPZFMZI/AAAAAAAAASU/0BF1y4ox4Bw/s1600/nico_robin_2y_by_deiviscc-d3jdk02.png", "http://www.renders-graphiques.fr/image/upload/normal/Zoro_calendrier_2013_by_Kakarot.png", "http://img2.wikia.nocookie.net/__cb20120302234410/onepiece/es/images/archive/9/90/20130106193654!Timeskip_Zoro.png", "http://st-listas.20minutos.es/images/2013-07/364756/4091397_640px.jpg?1373467101", "http://i615.photobucket.com/albums/tt232/Celtanor/Manga%20and%20Anime%20Renders/One%20Piece/RoronoaZoro17B.png"
];

(function () {
    document.getElementById("myImg").src = images[Math.ceil(Math.random() * images.length)-1];
})()

如何在 HTML/Java 脚本中获取随机数并让每个随机数发生不同的事情

How To Get Random Number In HTML/Java Script And Have Something Different Happen With Each One

javascript

random