javascript 썸네일형 리스트형 setInterval(), clearInterval(), setTimeout() 함수 setInterval() – 특정 시간간격으로 특정 함수를 계속해서 실행 clearInterval() – setInterval 특성을 삭제 setTimeout() – 특정 시간이 지난 후 특정 함수를 실행 증가 정지 2초후 경고창 0 var myTime; var x=0; var msg=document.getElementById("msg"); function interval(){ //setInterval(함수, 몇초의 한번하는지) myTime=window.setInterval(function(){ x++; msg.innerHTML=x; },1000); //1초마다 호출 }//End interval function stop(){ clearInterval(myTime); x=0; msg.innerHTML=x;.. 더보기 Location, history.back, history.forward 함수 Location : 현재 있는 주소를 알려한다. window.html 페이지 이동 document.getElementById("demo").innerHTML="page location is: "+location.href; //현재 위치한 주소값을 알려준다. document.getElementById("loc").addEventListener("click",function(){ window.location.href="http://www.naver.com"; //이런식으로 주소값을 주면 그 장소로 이동할 수 있다. }); function goBack(){ //window.history.back(); //뒤쪽으로 이동 window.history.go(-1); //-1은 전 페이지로 -2는 전전 페이지로 이동 .. 더보기 엘리먼트 추가 및 삭제 Method Description document.createElement() 엘리먼트 만들기 document.removeChild() 자식요소 지우기 document.appendChild() 자식요소 추가 document.replaceChild() 자식요소 교체 document.createElement() HTML 문서에서, Document.createElement() 메서드는 지정한 tagName의 HTML 요소를 만들어 반환합니다. tagName을 인식할 수 없으면 HTMLUnknownElement를 대신 반환합니다. let element = document.createElement(tagName[, options]); 매개변수 tagName: 생성할 요소의 유형을 가리키는 문자열. options:.. 더보기 엘리먼트 속성 변경 Method Description element.innerHTML= html 엘리먼트를 변경 element.attribute= html 속성 변경 element.setAttribute(attribute,value) html 속성 변경 element.style.property= html 스타일 변경 element.getAttribute(attribute) html 속성 가져오기 innerHTML document.getElementById("변경할 태그의 아이디").innerHTML="바꿀 내용 " - 선택한 속성의 HTML 내용을 변경한다. HTML 태그도 사용 가능 attribute document.getElementById("sp1").(변경하길 원하는 속성[value,)="변경할 내용"; var ta.. 더보기 이전 1 다음