Movement - 50 ---- The fifth step training logical thinking

function sport_05(obj,attr,target){
clearInterval(obj.timer);
obj.timer = setInterval(()=>{
//当前值
var cur = parseInt(getStyle(obj,attr));
let speed = (target - cur) / 8; //基数
speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);
if(cur === target){
clearInterval(obj.timer);
}else{
obj.style.width = cur + speed + ‘px’;
}
},30)
}

// Get a non-inline style
function the getStyle (obj, attr) {
return obj.currentStyle obj.currentStyle [attr]:? The getComputedStyle (obj, to true) [attr];
}

Guess you like

Origin blog.csdn.net/weixin_45052104/article/details/91284058