기본 자바스크립트는 win8 대기 프롬프트 서클 진행 bar_javascript 기술을 모방합니다.

WBOY
풀어 주다: 2016-05-16 16:51:25
원래의
1139명이 탐색했습니다.

1. 서문

저는 win8의 대기 프롬프트 원 진행률 표시줄을 항상 좋아했습니다. win8이 처음 나왔을 때 나는 그 당시에는 전혀 몰랐고 어떤 연구도 하지 않았습니다. 최근 인터넷으로 정보를 검색하다가 드디어 알아냈습니다! 먼저 데모로 가서 자랑해 보세요! 미리 보려면 win8 진행률 표시줄을 참조하세요.
2. 간략한 소개

네이티브 자바스크립트를 작성하려면 js가 객체지향 프로그래밍과 원좌표 계산을 기반으로 한다는 점을 이해해야 합니다!

구현 원리: 각 점을 객체로 추상화(ProgressBarWin8 유형), 각 점 객체를 배열(progressArray)에 저장, 점과 마찬가지로 각 점 객체의 run 메소드 실행 지연 이는 타이머 지연 밀리초를 변경하여 달성됩니다.

코드 복사 코드는 다음과 같습니다.

// 요소 x의 크기 결정 중심 x 좌표를 지정하고 타이머 지연 시간을 설정합니다.
if (this.position.left < this.fixed.left) {
this.delay = .5
} else {
this; .delay -= .5;
}

소스코드를 받아보자! 표현력이 정말 좋지 않습니다. (코드에 더 자세한 설명을 추가하면 더 명확해질 것입니다.)
코드 복사 코드는 다음과 같습니다.



http-equiv="Content-Type" content="text/html; charset=utf-8"/>
win8 대기 진행률 표시줄