javascript

位置:IT落伍者 >> javascript >> 浏览文章

JavaScript 创建随机数和随机图片


发布日期:2018年10月28日
 
JavaScript 创建随机数和随机图片
创建随机数

①自JavaScript产生后好多浏览器中都有内置的随机数发生方法例如

var number = Mathrandom();

该方法产生一个之间的浮点数

②基于时间亦可以产生随机数例如

var now=new Date();

var number = nowgetSeconds();

这将产生一个基于目前时间的的整数

var now=new Date();

var number = nowgetSeconds()%;

这将产生一个基于目前时间的的整数

③这里介绍一个相当优秀的的随机数发生器程序能应用于许多领域

如果要在你的网页中使用该随机数发生器必须把这段代码放在<HEAD> 和 </HEAD>标记之间

要创建一个随机浮点数时使用rnd()要创建一个随机整数时例如使用rand()

下面创建随机图片的例子中就是用这个随机数发生器来产生随机数的因此要使下面的例子能正常工作要确保你的网页中已包含上面这段代码

创建随机图片

创建随机图片这是利用随机数所能做的最简单的事了此例中我们假设有张图片bannergifbannergif每当文档被载入时我们希望能随机地显示这些图片

<script language=JavaScript><!

documentwrite(<img src=/images/banner + rand() + gif width= height=>);

//></script>

如果图片不是以数字的形式来命名的或者图片的类型或大小不一样时那么你也可以通过检查随机数的值然后显示相应的图片

复制代码 代码如下:

<script language=JavaScript><!

var number = rand();

if (number == ) {

var picture = onegif;var width = ;var height = ;

}

else if (number == ) {

var picture = twojpg;var width = ;var height = ;

}

else if (number == ) {

var picture = ninegif;var width = ;var height = ;

}

else if (number == ) {

var picture = tenjpg;var width = ;var height = ;

}

documentwrite(<img src=/images/ + picture + width= + width + height= + height + >);

//></script>

上面介绍了怎样随机显示图片同样的道理也可以利用随机数创建随机的文本表单标题广告URL 背景颜色和图像调查表和帧等等这里就不再多说了

上一篇:javascript面试题汇总

下一篇:基于jQuery的获取标签名的代码