js随机变色效果-自学php网

js随机变色效果

来源：未知时间：2014-12-18 11:56 作者：xxadmin 阅读:次

[导读] js随机变色效果实现方法，效果和上次我写的渐变进度条一样，下面是源码： script language=javascript window.onload = function(){ var win = window.screen; var win_w = win.width; var win_h = win.height; window._di...

js随机变色效果实现方法，效果和上次我写的渐变进度条一样，

下面是源码：

window.onload = function(){

var win = window.screen;

var win_w = win.width;

var win_h = win.height;

window._div = document.createElement("div");

_div.style.width = win_w+"px";

_div.style.height = win_h+"px";

_div.style.background = "#eeeeee";

_div.innerHTML = "<div>随机变色</div>";

document.body.appendChild(_div);

//console.log(_div);

setInterval(time_auto,300);

}

function time_auto(){

_div = window._div;

set_back(_div);

}

function set_back(_div){

var _r = 0;

var _p = 0;

var _g = 0;

var _math_r = Math.round(Math.random()*10)*26;

var _math_p = Math.round(Math.random()*10)*26;

var _math_g = Math.round(Math.random()*10)*26;

_div.style.background = "rgb("+_math_r+", "+_math_p+", "+_math_g+")";

console.log(_math_r,_math_p,_math_g);

}

//set_back();

</script>

js生成变色进度条_js进度条变色

Javascript模块化编程（一）：模块的写法

子栏目