两种方式实现随机颜色

第一种:

            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; 
             }

 

posted @ 2020-02-09 20:21  放学别跑啊  阅读(595)  评论(0编辑  收藏  举报