您的位置:首页 > Web前端 > JavaScript

使用setInterval实现渐隐藏

2017-06-08 10:40 267 查看
//使用setInterval实现渐隐藏

function myFadeout(ele){
var target = 1,
speed = 1/50;

var timer = setInterval(function(){
if(!parseFloat(ele.style.opacity) > 0){
ele.style.opacity = 1;

}
if(target>0){
target -= speed;
ele.style.opacity = target;
}else{
ele.style.opacity = 0;
clearInterval(timer);
}
}, 20);

}


调用:ele为已经获取到的HTML元素,

ele=document.getElementById('x');
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息