作家
登录

JavaScript 创建随机数和随机图片

作者: 来源:www.28hudong.com 2013-03-30 02:02:47 阅读 我要评论

创建随机数 ①自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的整数。 ③这里介绍一个相当优秀的的随机数发生器程序,能应用于许多领域。 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]   如果要在你的网页中使用该随机数发生器,必须把这段代码放在<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 、背景颜色和图像、调查表和帧等等,这里就不再多说了.

  推荐阅读

  比较详细的关于javascript 解析json的代码

JSON的规则很简单: 对象是一个无序的“‘名称/值'对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值' 对”之间使用“,”(逗号)分隔。具体细节参>>>详细阅读


本文标题:JavaScript 创建随机数和随机图片

地址:http://www.17bianji.com/kaifa2/JS/27471.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)