守望的麦子

随机显示图片

2008-3-7    大连 /others/2008/03/07/random-image.html others javascript,

本文最近更新于 2018 年 6 月 4 日

分享两段随机显示图片的 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" /> 即可。

  1. 方法二
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>

关于作者
麦子,80 后,现从事通信行业。安卓玩家一个人的书房朗读者。
MRJENGLISH
jsntn
jasonwtien
jasonwtien
更多…… /about.html

最近更新: