var temp = 0; var closeimg1 = document.querySelector('.closeimg1'); var closeimg2 = document.querySelector('.closeimg2'); var img2 = document.querySelector('.img2'); var img1 = document.querySelector('.img1'); closeimg1.addEventListener('click', function() { fn(img2); var del = img1.offsetWidth / 2 * 50; //延迟8050毫秒 setTimeout(function() { fn(img1); }, del); }) closeimg2.addEventListener('click', function() { fn(img2); }) var fn = function(img) { var temp = 0; var timer1 = setInterval(function() { if (temp < img.offsetWidth) { temp = temp + 2; img.style.right = -temp + 'px'; console.log(temp); } else { clearInterval(timer1); img.style.display = 'none'; } }, 50); }
setTimeout(回调函数,延迟时间)
回调函数要用匿名函数,且里面不能输参数,可以写成这样的形式
setTimeout(function(){
fn(a);
},1000)
不能这么写:
setTimeout(fn(a),1000)