카테고리 없음
HTML,CSS 페이지 만들어보기
긤효중
2022. 3. 30. 17:37
계획은 처음에 실시간 시계를 만들어보고 , 날씨 api를 이용해서 사용자의 날씨를 나타내주는거 , 뉴스api를 이용해보기, 그리고 마지막으로 글을 올리고 쓸 수 있는 게시판을 만들기 + 검색기능 만들어보기
이런식으로 공부해 나갈 생각이다.
오늘은 JS로 1초마다 갱신되는 시계를 만들어 보았다.
처음 시작화면은 이렇다.
밑의 main에는 뉴스, 실시간으로 인기 있는 글 등을 넣어볼 생각이고, 각각 기능별로 추가 할 생각이다.
그리고 시간을 누르면 실시간으로 갱신되는 시계가 나온다
새로 배운 점->
Javascript에서의 setTimeout(함수,시간) -> 일정 시간 후 함수 실행
1초마다 실행하고 싶다면 setTimeout(funcion{cleanarr()},1000)
var t = setTimeout(function(){show()},1000); -> show함수를 1초후 실행함
innerHTML = ""
html에서 홍길동을 출력했는데 , 이것을 김철수로 바꾸고 싶을 떄 이 속성을 사용해야 한다.
ex_)
let time = document.querySelector('.Time');
time.innerHTML = "현재시간은 " + hour + "시" + minute + "분" + second + "초";
javascript querySelector-> querySelector는 name,id,class를 제한하지 않고 css선택자를 이용해 요소를 찾는다.