📁Web Developing/Advanced-HTML, CSS, JS3 [CSS] 커서 모양 바꾸기 손가락 모양으로 바꾸기 cursor: pointer 2022. 6. 26. [JS] 유용한 함수들 setTimeout(Function, Delay); Delay만큼 기다린 후 Function을 실행한다. Delay에는 숫자만 적어주면 되며, 단위는 ms이다. 재귀함수에 사용하면 일정 시간이 지날 때 마다 작업을 수행하는 데에 유용하다. 다음 코드는 setTimeout을 사용하여 target 요소에 텍스트를 하나씩 넣어주는 함수이다. function dynamic(randomArr){ if(randomArr.length>0){ target.textContent += randomArr.shift(); setTimeout(function(){ dynamic(randomArr); }, 80); } } 2022. 6. 26. [JS] classList Element.classList는 요소가 가진 클래스에 접근할 수 있는 유용한 메서드들을 제공한다. add( String [, String [, ...]] ) 지정한 클래스 값을 추가한다. 만약 추가하려는 클래스가 엘리먼트의 class 속성에 이미 존재한다면 무시한다. remove( String [, String [, ...]] ) 지정한 클래스 값을 제거한다. 만약 제거하려던 클래스 값이 존재하지 않더라도 에러를 발생시키지 않는다 item(Number) 콜렉션의 인덱스를 이용해서 클래스 값을 반환한다. toggle(String [, force]) 하나의 인수만 있을 때 클래스 값을 토글링한다. 즉, 클래스가 존재한다면 제거하고 false를 반환하며, 존재하지 않으면 클래스를 추가하고 true를 반환한다.. 2022. 6. 26. 이전 1 다음
