随机显示图片

本文最近更新于 2018 年 06 月 04 日

分享两段随机显示图片的 Javascript 代码。

使用方法：将代码内容存为 <文件名>.js 后缀，然后 <script src="<文件名>.js"></script> 引用。

1) 方法一

var images = [
    "/images/tattoo_200.jpg",
    "/images/anonymous_hacker_200.jpg",
    "/images/GZ_200.jpg"];

function randImg() {
    var size = images.length
    var x = Math.floor(size * Math.random())
    document.getElementById('randomImage').src = images[x];
}

randImg();

使用时在需要显示图片的位置放入 <img id="randomImage" /> 即可。

2) 方法二

today=new Date();
jran=today.getTime();
function rnd()
{  ia=9301;
   ic=49297;
   im=233280;
    jran = (jran*ia+ic) % im;
    return jran/(im*1.0);
 };
function rand(number)
   {
     return Math.ceil(rnd()*number);
   };
document.write();
for(i=1;i<=1;i++)
  {
    myNum=(rand(6));
if(myNum == 1) document.write("<img src='/images/random/tattoo_200.jpg'>");
if(myNum == 2) document.write("<img src='/images/random/anonymous_hacker_200_bw.jpg'>");
if(myNum == 3) document.write("<img src='/images/random/billiards_200.jpg'>");
if(myNum == 4) document.write("<img src='/images/random/coffee_200_bw.jpg'>");
if(myNum == 5) document.write("<img src='/images/random/GZ_200.jpg'>");
if(myNum == 6) document.write("<img src='/images/random/U87_200_bw.jpg'>");
    else
     {   document.write();
     }
};
document.write();

myNum=(rand(6)) 其中 6 为随机显示图片的数量

if(myNum == 1) document.write... 其中 1 为随机号码

("<img src='/images/random/tattoo_200.jpg'>") 双引号内代码可以自定义，例如加入链接 <a href...>...</a> 等