728x90
더보기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>내년 까지 남은 일 수(밀리초)</title>
</head>
<body>
<h1>2022년까지</h1>
<script type="text/javascript">
//남은 일 수 = 특정 날짜 개체 - 현재 날짜 객체
//월과 요일은 숫자 0부터 시작
//(1000*60*60*24) -> 1일
var today = new Date();
console.log(today);
var newYear = new Date('2022-01-01 00:00:00');
console.log(newYear);
//var diffDate = Math.floor(newYear.getTime()-today.getTime());
var diffDate = (newYear.getTime()-today.getTime())/1000;
var dDay = Math.floor(diffDate/60/60/24);
document.write(dDay+'일 ');
var dHour = Math.floor(diffDate/60/60%24);
document.write(dHour+'시간 ');
var dMin = Math.floor(diffDate/60%60);
document.write(dMin+'분 ');
var dSec = Math.floor(diffDate%60);
document.write(dSec+'초 ');
setTimeout("location.reload()",1000) //->페이지 새로고침
/*
출력하고 싶은 형태
2022년까지
@일 @시간 @분 @초 남았습니다
*/
//제이쿼리로도 해보기
</script>
</body>
</html>현재 1초단위로 페이지 자동새로고침해서 저절로 시간이 줄어들게함
파비콘이랑 새로고침 아이콘이 계속 깜빡거리는게 거슬려서
제이쿼리로 div 영역만 새로고침되게 바꿔볼려고 한다...
728x90
'{ "Hello World!" }; > JavaScript／jQuery' 카테고리의 다른 글
| (JavaScript) 내장객체 (0) | 2021.12.31 |
|---|---|
| (JavaScript) 브라우저 객체 모델 (0) | 2021.12.31 |
| js/ 티스토리 스킨 getElement 이용해보기 (0) | 2021.12.26 |
| (JavaScript) 객체 생성자 함수, 프로토타입 (0) | 2021.12.23 |
| (JavaScript) 객체 (0) | 2021.12.23 |