标签:timerLen function style 函数 ele key 运动 speed
function move(ele, obj, callback) { let timerLen = 0; for (let key in obj) { timerLen++ let speed; clearInterval(ele[key]) ele[key] = setInterval(() => { let style; if (key === 'opacity') { style = getStyle(ele, key) * 100; } else { style = parseInt(getStyle(ele, key)); } speed = (obj[key] - style) / 25;speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed); style = style + speed;
if (key === 'opacity') { ele.style[key] = style / 100; } else { ele.style[key] = style + 'px'; }
if (style === obj[key]) { clearInterval(ele[key]); timerLen--; if (timerLen === 0) { callback && callback(); } }
}, 10) } }
function getStyle(ele, attr) { var style; if (ele.currentStyle) { style = ele.currentStyle[attr]; } else { style = window.getComputedStyle(ele)[attr]; } return style }
function compare(prop, align) { return function (a, b) { var value1 = a[prop]; var value2 = b[prop]; if (align == "positive") {//正序 return new Date(value1) - new Date(value2); } else if (align == "inverted") {//倒序 return new Date(value2) - new Date(value1); } } } export { move, compare }
标签:timerLen,function,style,函数,ele,key,运动,speed 来源: https://www.cnblogs.com/wsj1/p/16529825.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。