setInterval() setInterval(콜백 함수, 시간) : 해당 시간마다 반복해서 실행 보통 clearInterval로 멈추게 하기 위해 setInterval은 변수에 넣어둡니다. clearInterval() clearInterval(변수) : setInterval 함수를 멈춤 setTimeout() setTimeout(콜백 함수, 시간) : 해당 시간이 지난 후 콜백 함수 실행
animate를 이용해서 회전하는 요소 만들기 메뉴를 클릭했을 때, 서브메뉴가 나오고 화살표 아이콘 180도 회전하게 만들기 span태그로 묶은 화살표 아이콘을 animate를 이용해서 회전을 시킬 때, 회전 값을 '-='로 주면 회전 각도 값이 계속 누적되어 누를때마다 회전하는 것 처럼 보입니다.
innerText, innerHTML 웹요소.innerHTML = '내용' : 해당 요소에 내용 변경 (innerText는 텍스트를 넣을 수 있고 innerHTML은 태그까지 넣을 수 있음!) 이미지 수정 이미지요소.src = '파일주소'
getElement 메소드 document.getElementById('') : 아이디 값과 일치하는 요소 선택 document.getElementsByClassName('') : 클래스 이름과 일치하는 모든 요소 선택 document.getElementsByTagName('') : 해당 태그 이름과 일치하는 모든 요소 선택 getElementsByName('') : name 속성과 일치하는 모든 요소 선택 querySelector 메소드 document.querySelector('') : 첫 번째로 일치하는 요소 선택 document.querySelectorAll('') : 일치하는 모든 요소 선택 배열로 저장이 되어 for문을 사용해주어야 함! 둘의 차이 getElement는 속성 값으로 요소 선택 ..
