js의 운동 프레임워크 (버퍼링)
1426 단어 js 학습 노트 정리
window.onload = function() {
var oDiv1 = document.getElementById('div1');
oDiv1.onclick = function() {
/*startMove(this, {
width : 200
}, function() {
startMove(this, {
height : 200
});
});*/
startMove(this, {
width : 200,
height : 200
});
}
function startMove(obj, json, fn) {
clearInterval(obj.iTimer);
var iCur = 0;
var iSpeed = 0;
obj.iTimer = setInterval(function() {
var iBtn = true;
for ( var attr in json ) {
var iTarget = json[attr];
if (attr == 'opacity') {
iCur = Math.round(css( obj, 'opacity' ) * 100);
} else {
iCur = parseInt(css(obj, attr));
}
iSpeed = ( iTarget - iCur ) / 8;
iSpeed = iSpeed > 0 ? Math.ceil(iSpeed) : Math.floor(iSpeed);
if (iCur != iTarget) {
iBtn = false;
if (attr == 'opacity') {
obj.style.opacity = (iCur + iSpeed) / 100;
obj.style.filter = 'alpha(opacity='+ (iCur + iSpeed) +')';
} else {
obj.style[attr] = iCur + iSpeed + 'px';
}
}
}
if (iBtn) {
clearInterval(obj.iTimer);
fn && fn.call(obj);
}
}, 30);
}
function css(obj, attr) {
if (obj.currentStyle) {
return obj.currentStyle[attr];
} else {
return getComputedStyle(obj, false)[attr];
}
}
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
쿠키의 원리 및 역할 및 쿠키 설정, 읽기 및 삭제 방법쿠키: 데이터를 저장합니다. 사용자가 특정한 사이트(홈페이지)를 방문할 때 우리는 쿠키를 통해 방문자의 컴퓨터에 데이터를 저장합니다. 브라우저마다 저장된 쿠키의 위치가 다르기 때문에 통용할 수 없습니다. 쿠키의 저장...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.