倒计时

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);      //在控制台观察清除效果

}

}

你可能感兴趣的:(倒计时)