window.onload=function(){
var oDiv=document.getElementById('mask');
oDiv.onclick=function(){
var iHeight=css(oDiv,'height');
var iTarget=-iHeight;
var timer=null;
timer=setInterval(function(){
var iTop=css(oDiv,'top');
var iSpeed=Math.floor((iTarget-iTop)/1);
var t=iTop+iSpeed;
if(iTop<=iTarget){
clearInterval(timer);
}else{
oDiv.style.top=t+'500px';
}
},10);
}
}
var oDiv=document.getElementById('mask');
oDiv.onclick=function(){
var iHeight=css(oDiv,'height');
var iTarget=-iHeight;
var timer=null;
timer=setInterval(function(){
var iTop=css(oDiv,'top');
var iSpeed=Math.floor((iTarget-iTop)/1);
var t=iTop+iSpeed;
if(iTop<=iTarget){
clearInterval(timer);
}else{
oDiv.style.top=t+'500px';
}
},10);
}
}
var oDiv=document.getElementById('mask');
var iHeight=css(oDiv,'height');
var iTarget=-iHeight;
var timer=null;
timer=setInterval(function(){
var iTop=css(oDiv,'top');
var iSpeed=Math.floor((iTarget-iTop)/1);
var t=iTop+iSpeed;
if(iTop<=iTarget){
clearInterval(timer);
}else{
oDiv.style.top=t+'500px';
}
},10000);
}
2.你这是计时器而不是延时器,因此每隔一段时间执行一次
3.计时器如果正常执行,想要的效果没出来,那就是要执行的代码有问题自己要学着排错,这种思维以后会有很多地方都是这样找问题的。
改成setTimeout(function.........
window.onload=function(){
var oDiv=document.getElementById('mask');
setTimeout(function(){
var iHeight=css(oDiv,'height');
var iTarget=-iHeight;
var timer=null; timer=setInterval(function(){
var iTop=css(oDiv,'top');
var iSpeed=Math.floor((iTarget-iTop)/1);
var t=iTop+iSpeed;
if(iTop<=iTarget){
clearInterval(timer);
}else{
oDiv.style.top=t+'500px';
}
},10);
}, 10000);
}