728x90
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<div class="clock"></div>
<script>
displayCurrentTime()
function displayCurrentTime() {
const weekDesc = ['일요일', '월요일', '화요일', '수요일', '목요일', '금요일', '토요일'];
const date = new Date();
const year = date.getYear() + 1900;
const month = date.getMonth() + 1;
const day = date.getDate();
const week = date.getDay();
const hours = date.getHours();
const minutes = date.getMinutes();
const seconds = date.getSeconds();
console.log(week)
const currDt = `${year}년 ${month}월 ${day}일 ${weekDesc[week]} ${hours < 10 ? `0${hours}` : hours}:${minutes < 10 ? `0${minutes}` : minutes }:${seconds < 10 ? `0${seconds }` : seconds }`;
$(".clock").html(currDt)
setTimeout(function(){
displayCurrentTime()
},1000)
}
</script>
728x90
'Front end > JS (JavaScript)' 카테고리의 다른 글
자바스크립트(JavaScript) 이미지 크기에 맞게 팝업창 띄우기(새창열기), image size popup (0) | 2022.07.06 |
---|---|
자바스크립트 (JavaScript) ajax form, 에이작스 폼 (0) | 2022.06.23 |
자바스크립트 (JavaScript) 테이블 엑셀파일 다운 저장 (excel file down) (0) | 2022.06.08 |
자바스크립트 (JavaScript) 배열값 가져오기 (첫번째, 마지막 배열값 불러오기) (0) | 2022.06.08 |
(Html)(tag) 태그 내부 태그 선택 & input 태그 vlaue 값 변경 및 가져오기 (0) | 2022.06.07 |