728x90
1초마다 바뀌는 시간
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<title>Document</title>
</head>
<body>
<h1>자바스크립트로 시간 출력하기</h1>
<p>날짜와 시간 출력하기 </p>
<div>시간출력 : <span id="time"></span></div>
1. <input type="text" id="오늘날짜" value="">
<script type="text/javascript">
init();
function init(){
getDate();
setInterval(getDate, 1000);
}
function getDate(){
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth() +1 ;
var day = date.getDate();
var hour = date.getHours();
var min = date.getMinutes();
var sec = date.getSeconds();
var time = false //오전 오후 구분하기 위한 변수
if(hour > 12){
time = true;
hour -=12;
}
day = day < 10? '0'+day : day;
hour = hour < 10? '0'+hour : hour;
min = min < 10? '0'+min : min;
sec = sec < 10 ? '0'+sec : sec;
var result = year+' / '+month+' / '+day+' / ' +hour+' : '+min+' / '+sec;
if(time== true) result += "pm";
else result += "am";
$("#time").text(result);
}
</script>
</body>
</html>
날짜 입력받을때
그 날짜 입력받는 input id를 이용해서 제이쿼리로
$("#id").focusin 하고
var a = $("#id").val(); 변수에 담아서
a = a.replace(/:/g, ""); 정규식 표현을 이용해 00:00:00을 000000 형식으로 바꾼다.
그럼 :없이 숫자만 입력하겠지?
그다음 $("#id").focusout을 하고
a = $("#id").val() 해서 숫자 6자리만 적을 수 있게 validation걸고
if( 6자리가 아니면){
var hh = new Date().getHours();
hh = hh < 10 ? "0" + hh : "" + hh;
$("#id").val(hh + ":00:00");
return;
}
a = a.substr(0,2) + ":" + a.substr(2,2) + ":" + a.substr(4,2);
$("#id").val(a)
를 해주면 00:00:00 으로 시간이 들어간다.
728x90
'JavaScript' 카테고리의 다른 글
| [javascript] 현재 ip,port찾기 (0) | 2021.08.05 |
|---|---|
| 문자열 byte 단위로 자르기 (0) | 2021.07.26 |
| 자바스크립트 선택자 (0) | 2021.06.24 |
| [JavaScript] 특정 문자 제거 (0) | 2021.06.04 |
| [JavaScript] Split (0) | 2021.06.03 |