文章探索:   分类:    关键字:  
  + 栏目导航
  + 相关文章
document 对象
Window.Open详解
JS replace 方法
JScript 属性
JScript 对象
JScript 方法
关于window.opener的用法
JavaScript语法——style.display 属..
不被拦截的弹出窗口代码
showModalDialog和showModelessDialog..
showModelessDialog()使用详解
IE中非模式对话框(showModelessDialog..
JS eval()函数
Preferences 指南
JS中的setTimeout和setInterval的区别
JavaScript对象与数组参考大全
javascript动态增加、删除、填充表格..
用Java实现几种常见的排序算法
JavaScript 日期函数
JavaScript 使用字符串函数
如何用Javascript获得TextArea中的光..
Document 对象方法
在input中只能输入数字
selection.createRange() 用法例子
获取网页各种宽高的值
JavaScript方法 - indexOf方法
substring函数详解
40种网页常用小技巧(javascript)
event.X和event.clientX有什么区别
clientX, clientY,offsetX, offsetY,..


技术教程 -> JavaScript教程 ->  
利用JavaScript创建随机数与随机图片
来源:转载   人气:775   录入时间:2007-11-8
    创建随机数
   ①自JavaScript产生后,好多浏览器中都有内置的随机数发生方法。例如:
   var number = Math.random();
   
   该方法产生一个0到1之间的浮点数。
   
   ②基于时间,亦可以产生随机数。例如:
   
   var now=new Date();
   
   var number = now.getSeconds();
   
   这将产生一个基于目前时间的0到59的整数。
   
   var now=new Date();
   
   var number = now.getSeconds()%43;
   
   这将产生一个基于目前时间的0到42的整数。
   
   ③这里介绍一个相当优秀的的随机数发生器程序,能应用于许多领域。
   
   <script language="JavaScript"><!--
   
   // The Central Randomizer 1.3 (C) 1997 by Paul Houle (houle@msc.cornell.edu)
   
   // See: http://www.msc.cornell.edu/~houle/javascript/randomizer.html
   
   rnd.today=new Date();
   
   rnd.seed=rnd.today.getTime();
   
   function rnd() {
   
       rnd.seed = (rnd.seed*9301+49297) % 233280;
   
       return rnd.seed/(233280.0);
   
   };
   
   function rand(number) {
   
       return Math.ceil(rnd()*number);
   
   };
   
   // end central randomizer. -->
   
   </script>
   
     如果要在你的网页中使用该随机数发生器,必须把这段代码放在<HEAD> 和 </HEAD>标记之间。
   
     要创建一个随机浮点数时,使用rnd();要创建一个随机整数时,例如,1到10时,使用rand(10)。
   
     下面创建随机图片的例子中,就是用这个随机数发生器来产生随机数的,因此,要使下面的例子能正常工作,要确保你的网页中已包含上面这段代码。
   
   创建随机图片
     创建随机图片,这是利用随机数所能做的最简单的事了。此例中,我们假设有10张图片,  banner1.gif.....banner10.gif,每当文档被载入时,我们希望能随机地显示这些图片。
   
   <script language="JavaScript"><!--
   document.write('<img src="../images/banner' + rand(10) + '.gif" width=400 height=40>');
   
   //--></script>
   
     如果图片不是以数字的形式来命名的,或者图片的类型或大小不一样时,那么,你也可以通过检查随机数的值,然后显示相应的图片:
   
   <script language="JavaScript"><!--
   
   var number = rand(10);
   
   if (number == 1) {
   
     var picture = "one.gif";var width = 400;var height = 40;
   
   }
   
   else if (number == 2) {
   
     var picture = "two.jpg";var width = 200;var height = 20;
   
   }
   
   ...
   
   ...
   
   else if (number == 9) {
   
     var picture = "nine.gif";var width = 450;var height = 450;
   
   }
   
   else if (number == 10) {
   
     var picture = "ten.jpg";var width = 40;var height = 400;
   
   }
   
   document.write('<img src="../images/' + picture + '" width=' + width + ' height=' + height + '>');
   
   //--></script>
   
     上面介绍了怎样随机显示图片,同样的道理,也可以利用随机数创建随机的文本、表单、标题广告、URL 、背景颜色和图像、调查表和帧等等,这里就不再多说了。
   




Copyright(C)2007-2024 广州市佳沛数码科技有限公司 版权所有
公司地址: 广州市荔湾区东漖北路560号511室
电话:020-81803473 传真:020-81544987