在以前做过的抖动窗口上做了一个无限变色的小动作。
文件 div {
文本对齐:中心;线高度:150px;font-weight: bold;}
# DV {宽度:300px;身高:150px;
位置:绝对;左:200px;顶部:100px;
背景:红色;}
# DV2 {宽度:300px;身高:150px;位置:绝对;左:600px;顶部:100px;背景:黄色;}
窗口。指针
函数(){
随机数0—255
功能getrandnumber(Rmin,Rmax){
VaR茶= Rmax Rmin;
VaR兰德= Math.random();
返回Rmin + math.round(茶*兰德)
}
VaR ODV = document.getelementbyid('dv)
无功odv2 = document.getelementbyid('dv2)
需要得到抖动数组的值。
var arr = { };
随机色
setInterval(){()函数(
VaR arr2 = {
(0255)getrandnumber,
(0255)getrandnumber,
(0255)getrandnumber
};
ODV。风格。背景颜色= RGB(+ arr2 { 0 } +
},130)
数组增益/抖动中的值
对于(var i = 20;i 0;i = 2){
Arr.push(我,我)
}
第一个盒子抖动
ODV。onclick =函数(){
Sb(ODV,右,函数()){
Sb(ODV,' ')
})
}
第二个/盒抖动
odv2。onclick =函数(){
Sb(odv2,右,函数()){
Sb(odv2,' ')
})
}
抖动
功能某人(obj,
属性,fnend){
var定时器= null;
var = 0;
ClearInterval(定时器)
定时器= setInterval(){()函数(
obj。风格{属性} = parseInt(getstyle(obj,ATTR))+ ARR {民} + 'px
数字+;
如果(Num = = = arr.length){
ClearInterval(定时器)
FnEndfnEnd()
obj .innerHTML =我+ getstyle(obj,'backgroundcolor ')+颜色
警告(1)
}
},50)
}
功能getstyle(obj,ATTR){
返回的对象。currentstyleobj。currentstyle {属性}:getcomputedstyle(obj){属性}
}
};
打电话给我
打电话给我
演示:
以上是本文的全部内容,希望大家能喜欢。