본문 바로가기

Java Script/work

버튼 눌러 현재 시간 출력하기(타이머ver), 시간 set/get

 

 

 

 

 

 

 

버튼 누르면 타이머 출력 / 셋팅하기

<body>

<p id="demo"></p>
<br>

<input type="text" id="text" size="100">
<br><br>

<button type="button" onclick="displayDate()">지금시간은?</button>

스크립트

<script type="text/javascript">

//시계
function displayDate() {
	document.getElementById('demo').innerHTML = Date();
	document.getElementById('text').value = Date();
}


//시간이 계속 바뀌는 타이머로 설정
setInterval("displayDate()",1000);

</script>

 

 

 

 

 

//현재 시각을 getter(연도 월 일 시 분 초 ms)

(id = demo로 생성 후 스크립트창에 )

let d = new Date();		

 

 

 

//시간을 setter

 

1.

d = new Date(2020, 10-1, 26, 6, 5, 20, 0); 
document.getElementById("demo").innerHTML = d; 
/* 주의사항 : 
	월은 0부터 11까지여서 원하는 달을 (달 - 1)로 설정해야 한다 */

 

2.

d = new Date("Octocer 12, 2020 12:33:17");
document.getElementById("demo").innerHTML = d;

 

 

 

 

 //현재시각 각각 get하기

 document.getElementById("demo").innerHTML = d.getDay();	//요일
 document.getElementById("demo").innerHTML = d.getFullYear();	//연도
 document.getElementById("demo").innerHTML = d.getMonth()+1;	//월(0~11까지)
 document.getElementById("demo").innerHTML = d.getDate();		//일
 document.getElementById("demo").innerHTML = d.getHours();		//시
 document.getElementById("demo").innerHTML = d.getMinutes();	//분
 document.getElementById("demo").innerHTML = d.getSeconds();	//초

'Java Script > work' 카테고리의 다른 글

변수의 연산  (0) 2020.07.09
라면 타이머  (0) 2020.07.09
체육관 이용 요금. form으로 묶기  (0) 2020.07.09
입력창에 입력받아 화면에 출력  (0) 2020.07.08
버튼클릭하여 원하는 값 출력  (0) 2020.07.08