JavaScript·JavaScript 实例教程 -- 追寻梦想＞编程乐园

您的位置：寻梦网首页＞编程乐园＞JavaScript＞JavaScript 实例教程

JavaScript 实例教程

名称

随机显示图片

实例

教程

第一步：拷贝下面的代码到你的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>

说明：

有关参数设定:

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