728x90 반응형 전체 글220 [자바스크립트] 날짜계산기 만들기 HTML 기념일 계산기 우리 만난지 일 자바스크립트 const now = new Date(); function input(){ const dday = new Date(document.querySelector("#input_date").value); const passedTime = now.getTime()-dday.getTime(); const passedDay = Math.round(passedTime/(24*60*60*1000)); document.querySelector("#accent").innerHTML = passedDay+"일"; } const now = new Date()는 Wed Dec 16 2020 09:00:00 GMT+0900 (대한민국 표준시) 이런식으로 저장되고 바로 밀리초로 바.. 2021. 1. 6. [자바스크립트] input date 입력값 확인 눌러서 출력하기 생각해보면 엄청 간단하고 쉬운 거고 자주 쓰는 건데 쓸때마다 까먹는 다.... 제대로 기록해서 미래의 나에게 도움이 되길..ㅋㅋ 나는 날짜를 선택하고 나서 확인을 누르면 그 데이터를 출력하거나 다른 곳에 이용할 수 있도록 해볼 것인데 text를 입력받은 후에 하려면 id="input_date"의 type을 text로 변경하면 될 듯! HTML - 먼저 HTML에서 타입이 date인 input과 submit인 input을 2개 만든다. - 타입이 submit인 input에 onclick="input()" 을 넣어준다. - 여기서 input()은 확인을 누르면 자바스크립트에서 실행되는 함수이다. 이 함수는 input_date랑 연결되어 있을 예정 자바스크립트 - 참고로 #은 id고 .은 class다!! 잊지.. 2021. 1. 6. [자바스크립트] 시간 단위 그리고 밀리초로 바꾸는 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. [에러] Failed to load resource: the server responded with a status of 404 (Not Found) Failed to load resource: the server responded with a status of 404 (Not Found) 해결방법 생각해보니 src 파일을 만들어서 js파일을 옮기고 이동경로를 다시 설정하지 않음😅 2021. 1. 4. 이전 1 ··· 23 24 25 26 27 28 29 ··· 37 다음 728x90 반응형
