js随机更换

如果想实现“随机”切换图像,那么我们要使用到几个Math()对象

第一个是random()函数,函数的功能是产生随机数,如果书写为

var a=Math.random()

那么所产生的随机数是0-1(不包括1)

如果我们想产生1-100的随机数怎么办呢?

那么就使用random()*100即可得到0-100(不含100)的任意随机数(注意此时产生的数字并不只有整数)

此时介绍另外3个Math()的函数

ceil(),floor(),round()

Math.round()        ------即四舍五入

Math.ceil()              ------强制进位

Math.floor()            ------强制舍去小数位

因此,在此处如果系那个得到1-100的任意随机数,应该如此书写:

var a=Math.ceil(Math.random()*100);

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <title>js随机生成</title>
 5 <meta http-equiv="Content-Type" content="textml; charset=utf-8">
 6 </head>
 7 <body>
 8 <button id="btn">点击</button>
 9 <div id="txt"></div>
10 <script type="text/javascript">
11         var bodyBgs = [];
12             bodyBgs[0] = "1等奖";
13             bodyBgs[1] = "2等奖";
14             bodyBgs[2] = "3等奖";
15             bodyBgs[3] = "4等奖";
16             bodyBgs[4] = "5等奖";
17             bodyBgs[5] = "6等奖";
18             bodyBgs[6] = "7等奖";
19             bodyBgs[7] = "8等奖";
20             bodyBgs[8] = "9等奖";
21
22         var btn = document.getElementById("btn");
23         var txt = document.getElementById("txt");
24
25             btn.onclick = function(){//点击输出随机的数字
26                 var randomBgIndex = Math.round( Math.random() * 8 );
27                 txt.innerHTML = bodyBgs[randomBgIndex];
28             }
29 </script>
30 </body>
31 </html>  
时间: 2024-08-01 14:09:35

js随机更换的相关文章

第三百四十七节,Python分布式爬虫打造搜索引擎Scrapy精讲—通过downloadmiddleware随机更换user-agent浏览器用户代理

第三百四十七节,Python分布式爬虫打造搜索引擎Scrapy精讲-通过downloadmiddleware随机更换user-agent浏览器用户代理 downloadmiddleware介绍中间件是一个框架,可以连接到请求/响应处理中.这是一种很轻的.低层次的系统,可以改变Scrapy的请求和回应.也就是在Requests请求和Response响应之间的中间件,可以全局的修改Requests请求和Response响应 源码里downloadmiddleware里的useragent.py下的U

js 随机变换图片

1 <div style="position:absolute;left:40%;top:10%;border-style:dotted"> 2 <img src="ejb.jpg"/><br/> 3 <input type="button" value="随机选择人物"/> 4 <input type="button" value="暂停&q

JS 随机排序算法

使用JS编写一个方法 让数组中的元素每次刷新随机排列 法一: var arr =[1,2,3,4]; var t; for(var i = 0;i < arr.length; i++){ var rand = parseInt(Math.random()*arr.length); t = arr[rand]; arr[rand] =arr[i]; arr[i] = t; } console.log(arr); 法二: var arr =[1,2,3,4]; var brr = []; var n

js随机生成验证码及其颜色

css样式: <style type="text/css"> /*给验证码设一个盒子*/ #yzm{ width: 120px; height: 50px; text-align: center; background: #ccc; float: left; } span{ font-size: 20px; line-height: 50px; } /*按钮*/ button{ width: 100px; height: 50px; } </style> htm

js随机图片瀑布流

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>瀑布流</title> <style type="text/css"> * { margin: 0; padding: 0; list-style-type: none; } a, img { border: 0; } body { font: 12px/180%

js随机生成4位验证码

方法一: /*随机生成4位验证码*/ /*step1:将所有字母,数字装入一个数组备用*/ var codes=[]; //数字:48-57;unicode编码 for(var i=48;i<57;codes.push(i),i++); /*console.log(codes);*/ //大写字母:65-90;unicode编码 for(var i=60;i<90;codes.push(i),i++); //小写字母:97-122;unicode编码 for(var i=97;i<122

JS 随机数字抽签

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="Scripts/jquery-1.10.2.js"></script> <script type="text/javascript"> var numArray

h5+js随机拖动鼠标产生动画效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

js随机生成N位数

function RondomPass(number){ var arr = new Array; var arr1 = new Array("0","1","2","3","4","5","6","7","8","9"); for(var i=0;i<number;i++){ var n = Math