运动函数
2022/7/28 23:29:57
本文主要是介绍运动函数,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
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 }
这篇关于运动函数的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-23Springboot应用的多环境打包入门
- 2024-11-23Springboot应用的生产发布入门教程
- 2024-11-23Python编程入门指南
- 2024-11-23Java创业入门:从零开始的编程之旅
- 2024-11-23Java创业入门:新手必读的Java编程与创业指南
- 2024-11-23Java对接阿里云智能语音服务入门详解
- 2024-11-23Java对接阿里云智能语音服务入门教程
- 2024-11-23JAVA对接阿里云智能语音服务入门教程
- 2024-11-23Java副业入门:初学者的简单教程
- 2024-11-23JAVA副业入门:初学者的实战指南