国内网站设计案例,seo网站制作,网站logo设计制作,如何用手机做网站吗内置对象-生成任意范围随机数
Math.random() 随机数函数#xff0c; 返回一个0 - 1之间#xff0c;并且包括0不包括1的随机小数 [0, 1#xff09; 如何生成0-10的随机数呢#xff1f; Math.floor(Math.random() * (10 1)) 放大11倍再向下取整 如何生成5-10的随机数…内置对象-生成任意范围随机数
Math.random() 随机数函数 返回一个0 - 1之间并且包括0不包括1的随机小数 [0, 1 如何生成0-10的随机数呢 Math.floor(Math.random() * (10 1)) 放大11倍再向下取整 如何生成5-10的随机数 Math.floor(Math.random() * (5 1)) 5 如何生成N-M之间的随机数? Math.floor(Math.random() * (M - N 1)) N
function getRandom(N, M) {return Math.floor(Math.random() * (M - N 1)) N
}console.log(getRandom(4,8)) 案例1 随机点名案例
需求请把 [‘赵云’, ‘黄忠’, ‘关羽’, ‘张飞’, ‘马超’, ‘刘备’, ‘曹操’] 随机显示一个名字到页面中
分析 ①利用随机函数随机生成一个数字作为索引号 ② 数组[随机数] 生成到页面中
let names [赵云, 黄忠, 关羽, 张飞, 马超, 刘备, 曹操]
let random Math.floor(Math.random()*7)
console.log(names[random])案例2 随机点名案例改进
需求请把 [‘赵云’, ‘黄忠’, ‘关羽’, ‘张飞’, ‘马超’, ‘刘备’, ‘曹操’] 随机显示一个名字到页面中但是不允许重复显示
let arr [赵云, 黄忠, 关羽, 张飞, 马超, 刘备, 曹操]
// 1. 得到一个随机数 作为数组的索引号 这个随机数 0~6
let random Math.floor(Math.random() * arr.length)
// 2. 页面输出数组里面的元素
document.write(arr[random])// 3. splice(起始位置(下标), 删除几个元素)
arr.splice(random, 1)
console.log(arr)案例3 猜数字游戏
需求程序随机生成 1~10 之间的一个数字用户输入一个数字 ①如果大于该数字就提示数字猜大了继续猜 ②如果小于该数字就提示数字猜小了继续猜 ③如果猜对了就提示猜对了程序结束 // 1. 随机生成一个数字 1~10// 取到 N ~ M 的随机整数function getRandom(N, M) {return Math.floor(Math.random() * (M - N 1)) N}let random getRandom(1, 10)console.log(random)// 需要不断的循环while (true) {// 2. 用户输入一个值let num prompt(请输入你猜的数字:)// 3. 判断输出if (num random) {alert(您猜大了)} else if (num random) {alert(您猜小了)} else {alert(猜对啦真厉害)break // 退出循环}}案例4 生成随机颜色(没做出来)
需求该函数接收一个布尔类型参数表示颜色的格式是十六进制还是rgb格式。 ①如果参数传递的是true或者无参数则输出 一个随机十六进制的颜色 ②如果参数传递的是false则输出 一个随机rgb的颜色 ③格式
function getRandomColor(flag){
}
console.log(getRandomColor(true)) //#ffffff
console.log(getRandomColor(false)) //rgb(255,255,255)分析 提示 16进制颜色格式为: ‘#ffffff’ 其中f可以是任意 0-f之间的字符,需要用到数组 let arr [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f] 提示 rgb颜色格式为: ‘rgb(255,255,255) ’ 其中255可以是任意0-255之间的数字
script// 1. 自定义一个随机颜色函数function getRandomColor(flag true) {if (flag) {// 3. 如果是true 则返回 #fffffflet str #let arr [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f]// 利用for循环随机抽6次 累加到 str里面for (let i 1; i 6; i) {// 每次要随机从数组里面抽取一个 // random 是数组的索引号 是随机的let random Math.floor(Math.random() * arr.length)// str str arr[random]str arr[random]}return str} else {// 4. 否则是 false 则返回 rgb(255,255,255)let r Math.floor(Math.random() * 256) // 55let g Math.floor(Math.random() * 256) // 89let b Math.floor(Math.random() * 256) // 255return rgb(${r},${g},${b})}}// 2. 调用函数 getRandomColor(布尔值)console.log(getRandomColor(false))console.log(getRandomColor(true))console.log(getRandomColor())/script案例5 综合渲染案例(没看) body!-- 4. box核心内容区域开始 --div classbox wdiv classbox-hdh3精品推荐/h3a href#查看全部/a/divdiv classbox-bdul classclearfix!-- lia href#img srcimages/course01.png alth4Think PHP 5.0 博客系统实战项目演练/h4div classinfospan高级/span • span1125/span人在学习/div/a/li --scriptlet data [{src: images/course01.png,title: Think PHP 5.0 博客系统实战项目演练,num: 1125},{src: images/course02.png,title: Android 网络动态图片加载实战,num: 357},{src: images/course03.png,title: Angular2大前端商城实战项目演练,num: 22250},{src: images/course04.png,title: AndroidAPP实战项目演练,num: 389},{src: images/course05.png,title: UGUI源码深度分析案例,num: 124},{src: images/course06.png,title: Kami2首页界面切换效果实战演练,num: 432},{src: images/course07.png,title: UNITY 从入门到精通实战案例,num: 888},{src: images/course08.png,title: Cocos 深度学习你不会错过的实战,num: 590},{src: images/course04.png,title: 自动添加的模块,num: 1000}]for (let i 0; i data.length; i) {document.write(lia href#img src${data[i].src} title${data[i].title}h4${data[i].title}/h4div classinfospan高级/span • span${data[i].num}/span人在学习/div/a/li)}/script/ul/div/div/body
