首页 > 其他 > 详细

两种方式实现随机颜色

时间:2020-02-09 20:42:52      阅读:53      评论:0      收藏:0      [点我收藏+]

第一种:

            function getRandomColor(){
                var color = "#";
                for(var i = 0 ; i < 3 ;i++){
                    color+=parseInt(Math.random()*256).toString(16);
                     if(color<16){
                         color="0"+color;
                     }
                }
                return color;
            }

 

第二种:

            function getRandomColor2(){
                var col ="rgb(";
                for(var i = 0;i<3;i++){
                    col+=Math.floor(Math.random()*256)+",";
                }
                var c = col.slice(0,-1);
                c+=")";
                return c;
            }

slice的用法如下:

  返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。因此此处须要用一个变量来存储,slice并不对原来的有任何修改

设置每隔1秒换一个颜色:

             setInterval(get,1000);
             function get(){
                var s = getRandomColor();
                var div1 = document.getElementById("div1");
                div1.style.backgroundColor=s; 
             }

 

两种方式实现随机颜色

原文:https://www.cnblogs.com/MySweetheart/p/12288562.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!