var oBtn = document.getElementById('ban');//获取元素
var oUp = document.getElementById('up');//获取元素
oBtn.onclick = function () { //点击事件
var timer = setInterval(go,30); //循环定时器
var width = 0; //开始宽度为0
function go(){ //定义函数
width += 10;
if (width >= 500) { //当宽度达到500时取消循环定时器
clearInterval(timer);
width = 500;
}
oUp.style.width = width + 'px';
console.log(width); //在控制台观察清除效果
}
}
网友评论