当前位置:编程学习 > html/css >>

随机显示图片

答案:

第一步:拷贝下面的代码到你的html文件的<body>和</body>之间;

<SCRIPT language=javascript>
var dt = new Date();
var hr = dt.getSeconds();

if (hr<=20) hr=1;
    else if (hr<=40) hr=2;
    else hr=3;

var msg="<IMG SRC=image"+hr+".gif>";
document.write(msg);
</SCRIPT>

说明:

有关参数设定:

  1. 蓝色部分是将60秒分为3部分,当前时间0-20s时 hr=1,20-40s时 hr=2,40-60s时 hr=3(注意:1、2、3是后面调用的文件名)
  2. <IMG SRC="+hr+".gif>,这一句显示图片的文件名,即用前面根据随机时间得到的hr数值作为文件名+gif作为扩展名。所以:显示的图片分别是1.gif,2.gif,3.gif,是非常有规律的。
  3. 如果将<IMG SRC="+hr+".gif>改为<IMG SRC=image"+hr+".gif>,则显示的文件分别是image1.gif,image2.gif,image3.gif。
  4. 如果将<IMG SRC="+hr+".gif>改为<IMG SRC="+hr+".jpg>,则显示的图片的类型是*.jpg文件。明白了吧?随便设定吧!
  5. 修改蓝色部分的时间片,分割成更多的时间片,就能随机显示更多的图片。

 

上一个:随机显示广告条
下一个:背景随机显示

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,