[JavaScript] 자바스크립트를 . . . 로딩 함수 만들기

2021-06-29

---

사진: Unsplash 의 Jefferson Sees

---

1. 방법

 

정해진 interval 마다 분기 처리를 하면 로딩효과를 낼 수 있다.

 

// 동적으로 내용 변경하는 함수
function updateDynamicContent() {
	let testSpan = $('.testSpan');
	let currentContent = testSpan.text();

    if (currentContent === '.') {
        testSpan.text('. .');
    } else if (currentContent === '. .') {
        testSpan.text('. . .');
    } else {
        testSpan.text('.');
    }
}

// 0.3초마다 내용 변경
setInterval(updateDynamicContent, 400);

---

메인 이미지 출처 : 사진: Unsplash의Jefferson Sees