Javascript利用封装实现，多个部分的随机变色

Posted 2022-12-05 Jmytea

随机变色

   //随机变色
   btn.onclick = function ()
        setRandomColor(body,"red");
        //实现body的随机变色
        setRandomColor(btn,"green");
        //实现button的随机变色
        setRandomColor(box,"bule");
        //实现box的随机变色
   
   function setRandomColor(ele,color)
       var r = color === "red" ? 255:parseInt(Math.random()*256);
       // 生成 r , 0~255的随机数 ，若color传的参数为red；则把r 值设为 255
       var g = parseInt(Math.random()*256);
        // 生成 g , 0~255的随机数
       var b = parseInt(Math.random()*256);
        // 生成 b , 0~255的随机数
       var random_color = "rgb(" + r + "," + g +"," + b + ")";
       //rgb（ r , g , b）的具体颜色
       ele.style.cssText = "background:" + random_color;
       //实现css样式的变换