js在前端的用途极为广泛，可以用来制作各种动效，各种的效果，js中的ajax让浏览器可以无刷新提交，极大地降低了服务器的负载，本次带来的是js中的随机颜色方块，可以实现五彩斑斓的颜色，大家快来体验一波吧
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js实现颜色变换_五彩斑斓</title> <style> *{margin:0;padding:0;font-family: Microsoft YaHei,serif;} li{list-style: none;} #box span{ float: left; width:80px; height: 40px; font-size:16px; font-weight: bold; color:#fff; text-align: center; line-height:40px; } </style> </head> <body> <div id="box"> </div> <script> var arr = ["0","1","2","3","4","5","6","7","8","9","a","b","c","d",'e',"f"] var x = setInterval(function () { var aaa = Color(); box.innerHTML += "<span style='background: "+ aaa +";'>"+ aaa +"</span>" },100) document.onclick = function () { clearInterval(x) } function Color() { var str = "#" for(var i=0;i<6;i++){ str += arr[Math.floor(Math.random()*16)] // [0,15] } return str; } </script> </body> </html> |
「梦想一旦被付诸行动，就会变得神圣，如果觉得我的文章对您有用，请帮助本站成长」
上一篇：Canvas制作的粒子效果
下一篇：前端实现改变字母的大小写_css
国瑞个人博客: https://www.huanggr.cn/，我们关注Web前端开发技术，web前端开发,移动前端开发，前端资讯，同时分享前端资源和工具等，期待你的参与,了解更多..
博主独立研发主题：
没咋研究，emmm
评：web前端绘制八卦图_超简单教程这个是太极阴阳鱼，不是八卦图。
评：web前端绘制八卦图_超简单教程
后会有期（1年前 (2020-08-14)）文章不错
评：宝塔系统面板无法正常显示我采用该方法解决了才发布的教程
评：iview-admin点击路由报错vue-router.esm.js?8c4f:2007 Uncaught (in promise) NavigationDuplicated {_name: "Navi网站被攻击了，有些源码文件损坏了
评：前端搜索框下方保留搜索记录
12（2年前 (2020-03-11)）为什么我的foreach会报错 Error in v-on handler: "TypeE...
评：iview中多选框单选实现方法
共 0 条评论关于"js实现颜色变换_五彩斑斓"
最新评论