您的位置:首页 > Web前端 > JavaScript

javascript实现刷新页面随机显示图片

2012-04-06 00:00 1216 查看
有时候当你想随机显示广告或其他图片的时候就要用到下面这段代码。

<script type="text/javascript">
 var s = Math.random();
 var a = 3;
 var n = Math.round(s*(a-1))+1;  //产生1~3之间的随机整数
 function obj(){
  this.src = '';
  this.alt = '';
 }
 
 b = new Array();
 for (var i=1;i<=a;i++){
  b[i] = new obj();
 }
 
 b[1].src = "pictures/1.jpg";
 b[1].alt = "第1张图片";
 b[2].src = "pictures/2.jpg";
 b[2].alt = "第2张图片";
 b[3].src = "pictures/3.jpg";
 b[3].alt = "第3张图片";
 
 var pic = '';
 pic = '<img src='+b[n].src+' alt='+b[n].alt+'>';
 document.write(pic);
</script>


对源码进行简单的分析:
1.random() 方法可返回介于 0 ~ 1 之间的一个随机数。round() 方法可以将数字进行四舍五入,
n的结果就是1~3之间的随机整数。
2.for循环是将所有数组元素实例化为对象obj(),然后依次对每个对象的属性进行赋值。
3.最后就是输出图片啦,其实就是这么简单,js永远能处理好一切!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: