728x90 반응형 Coding With Jina/JavaScript58 [자바스크립트] 시간 단위 그리고 밀리초로 바꾸는 getTime() 함수 1 밀리초 = 1/1000초 1초 = 1000 밀리초 1분 = 60초 (60*1,000 = 60,000 밀리초) 1시간 = 60분 (60 * 60 * 1,000 = 3,600,000 밀리초) 1일 = 24시간 (24 * 60 * 60 * 1,000) 날짜를 계산할 때에는 밀리초로 바꾸고 계산하는 것이 좋음 날짜 정보를 밀리초로 가져오는 함수 getTime() const now = new Date(); const firstDay = new Date("2016-03-27"); const tonow= now.getTime(), passedTime = firstDay.getTime(); console.log("tonow = "+tonow+" and passedTime = "+passedTime); ◆ 결과 2021. 1. 4. [자바스크립트] 시계 오전 오후로 나눠서 출력하기 오전 오후로 나누려면 hour 부분에 if문 축약형을 간단하게 사용해서 출력할 수 있다. ${hour 2021. 1. 4. [자바스크립트] 시계 10 이하 숫자 두자리수로 만들기(if문 단축형/축약형) Date() 함수로 시간을 불러오면 01 02 03 이런식으로 출력되는 게 아니라 1 2 3 이런식으로 출력되는데 시각적으로 예쁘지 않으니까 10 이하의 숫자는 앞에 0이 붙도록 만들어보자! function getTime(){ const date = new Date(); const min = date.getMinutes(); const hour = date.getHours(); const sec = date.getSeconds(); clockTitle.innerText=`${hour}:${min}:${sec}`; } 2. 두자리수로 사용하고 싶은 부분에 ${x 2021. 1. 4. [1분코딩] 자바스크립트 기초 - DOM 1분 코딩 자바스크립트 기초 강의 Part 3 정리 ※ 이번 내용은 개발할때 자주 쓰는 것들이므로 꼭 알아둘것!! ◆ DOM (Document Object Model) → 웹 문서의 모든 요소를 자바스크립트를 이용하여 조작할 수 있도록 객체를 사용해 문서를 해석하는 방법 ◆ DOM 요소에 접근하는 여러가지 방법 ① querySelector("선택하고자하는 태그"); → 선택하고자 하는 태그가 여러개이어도 첫번째 태그만 선택함 ② querySelectorAll("선택하고자하는 태그"); → 선택하고자 하는 태그가 여러개일 경우 모두 선택함 → 배열처럼 되어있으므로 그 중 하나를 선택할꺼면 querySelectorAll("선택하고자하는 태그")[1]; 이런식으로 사용하면 됨 ◆ classList ① clas.. 2020. 12. 1. [자바스크립트] 5의 배수 찾기 [do it 웹 프로그래밍을 위한 자바스크립트 기본편]에 나와 있는 예제를 따라하거나 주제만 따오고 응용해서 해보고 있다. 이번 5의 배수는 조금 응용해서 해보려고 한다. 원래는 에러나서 못했던 문제인데 해결하고 추가적으로 css랑 기능을 더 추가함 ◆ 기능 ① 빈칸으로 확인을 누르거나 1~100 이외의 숫자를 입력하면 경고문구가 뜸 ② 1~100 사이의 숫자를 입력하면 5의 배수인지 아닌지 알려줌 ③ reset 버튼을 누르면 입력값과 결과값이 초기화됨 ④ 조건에 따른 숫자와 문자의 색이 바뀜 ⑤ 확인 버튼을 누르면 입력창에 입력된 숫자는 초기화되고 결과값만 출력됨 ⑥ 각종 CSS 변경 ◆ 자바스크립트 → 처음으로 함수를 하나 더 만들어서 사용해봄(reset함수) → 예전에 노마드코더에서 들은 내용이 이.. 2020. 11. 29. [자바스크립트] innerHTML 속성 - 글자색 변경하기 innerHTML으로 추가한 문자의 스타일을 변경하고 싶을때 변경하고자 하는 부분에 을 넣어주면 됨 resultArea.innerHTML=""+num.fontcolor("blue")+"은(는) 5의 배수가 맞습니다."; if(num%5===0){ resultArea.innerHTML=""+num.fontcolor("blue")+"은(는) 5의 배수가 맞습니다."; }else { resultArea.innerHTML=""+num.fontcolor("red")+"은(는) 5의 배수가 아닙니다."; } ofcourse.kr/js-course/innerHTML-%EC%86%8D%EC%84%B1 JavaScript innerHTML 속성 - ofcourse 개요 QuerySelector로 가져온 도큐먼트 오브젝트.. 2020. 11. 29. 이전 1 ··· 5 6 7 8 9 10 다음 728x90 반응형
