우선, 나는이 기사가 나처럼 배우고 싶은 사람들에게 전념하고 있지만, 나와 같은 코드를 보는 것은 정말로 고통 스럽습니다 같은 수준에서, 나는이 효과를 쓰기 위해 가장 중복 된 코드를 사용하고, 우리가 그것을 망칠 때, 우리는 마스터들의 것들을 되돌아 볼 것입니다. 코드 박스를 실행하십시오 주요 코드는 다음 두 가지를 읽으십시오. 함수 f_s () { // 빠르게 느리게
언젠가 당신은 마스터가 될 것입니다 (열심히 일해야한다는 경우 haha ^^)
[Ctrl+A 모든 선택 팁 : 먼저 코드를 수정 한 다음 실행을 누릅니다]
var obj = document.getElementById ( "box"); // id box로 개체를 가져옵니다
obj.style.display = "block"; // 객체 obj를 디스플레이로 설정합니다
obj.style.width = "1px"; // 객체의 너비를 1px로 설정합니다
var changew = function () {// (기능, 어떤 클래스, 어떤 종류의 클래스, 프로토 타입, 나는 압도적으로 만들었습니다. 미래에 천천히 이해해 보자. 여기서 이해하는 것은 함수를 만들고 직접 계산하는 것입니다. 그리고 그것을 가변 변경에 저장됩니다.)
var obj_w = parseint (obj.style.width); // 객체의 너비를 숫자 값으로 변환하여 변수 OBJ_W에 저장합니다.
if (obj_w <600) {// 판 값이 600보다 미만인 경우 판사
obj.style.width = (obj_w+math.ceil ((600-obj_w)/15))+"px"; // 객체의 너비를 계산합니다. . . 너비가 커지면 증분이 작고 작아집니다.
}
또 다른{
ClearInterval (BW); // 600보다 크거나 같은 경우 SetInterval이 더 이상 실행되지 않으므로이 시점에서 너비가 중지됩니다.
}
}
var bw = wind
}
// 함수 선언 s_f ()
함수 s_f () {
var obj = document.getElementById ( "box2");
var e_add = 1; // ycrement 초기화
obj.style.display = "block";
obj.style.width = "1px";
var changew = function () {// 내가 이해하는 것은 직접 함수를 생성하고 변수 Changew에 저장하는 것입니다.
var obj_w; e_add
obj_w = parseint (obj.style.width);
e_add*= 1.05; // 그 이후로 증가 된 값은 IS입니다
if (obj_w <600) {
obj.style.width = (obj_w+e_add)+"px"; // 너비가 커지면 증분이 커지고 커집니다.
}
또 다른{
ClearInterval (BW);
obj.style.width = "600px"; // (obj_w+e_add) 계산 방법이 사전 정의 된 너비를 초과하므로 너비가 완화 된 후에 재설정됩니다.
}
}
var bw = window.setinterval (Changew, 1)
}