이 글에서는 주로 JavaScriptMotionFramework을 자세히 소개합니다. 네 번째 부분인 다중 가치 운동은 관심 있는 친구들이 참고할 수 있습니다. 🎜>
다중값 모션, 즉 특정객체에 대해 속성 값 중 하나만 변경되는 것이 아니라 너비, 높이 등 여러 값이 변경됩니다. , 글꼴, 투명도 등이 동시에 변경
json 형식으로 작성합니다! 쉽게 발생하는 문제는 위에서 언급한 바와 같이 일반적인 속도 함수를 사용하지만 일부 속성 값은 100 –> 600. 가장 긴 속성 값이 목표 값에 도달한 경우에만 obj가 소유한 타이머가 닫힐 수 있습니다. 디자인 아이디어는 폴링 기능이 실행될 때마다 bStob = true를 설정하는 것입니다. json의 속성은 목표 값에 도달하지 않는 한 value 속성이 false로 설정되어 일부 속성 값이 종료 지점에 도달하더라도 폴링이 계속 수행됩니다. 이때는 속성의 이동속도가 0이 되어 운동이 되지 않습니다. 즉, 이전:
if(attr == cur) {
cleartInterval(obj.timer);
}if (bStop) {
clearInterval(obj.timer);
}
위 내용은 JavaScript 모션 프레임워크의 다중 값 모션에 대한 자세한 소개(4)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
