환영합니다. 바다아이 홈페이지 입니다.

HOME |

여기는? |

바다물때표 |

여러가지 팁 (888) |

추천 및 재미 (152) |

자료실 (20) |

끄적거림 (519) |

시나리오 (760) |

드라마 대본 (248) |

2020년 09월 22일

안 될 것 같더라도 끝을 봐. 살다보면 끝을 알지만 시작하는 일들이 많아. - 미생 오차장 대사 중

리눅스 데스크탑 (189)
리눅스 서버 (136)
윈도우 관련 (7)
freebsd 데스크탑 (30)
freebsd 서버 (34)
쉘 스크립트 (6)
html/css/xml (44)
html5 (4)
golang (173)
php (2)
디자인 관련 (1)
javascript/jquery (74)
DATABASE (7)
postgresql (44)
mariadb, mysql (28)
생활/쇼핑 (12)
컴퓨터/핸드폰 (21)
종교/자선 (3)
요리관련 (20)
음식관련 (12)
의학관련 (2)
건강/운동 관련 (13)
주식관련 (1)
자동차 관련 (13)
기계 관련 (4)
과학, 수학관련 (0)
문학관련 (5)
좋은 글 (3)

현재 접속자

개정 공동번역 성경보기

기존 공동번역 성경보기

소스 하이라이팅

도로명 주소검색

URL encode, decode

javascript 줄 맞추기

Hits :

javascript/jquery

javascript/jquery - 자바스크립트 남은시간 카운트 다운, 타이머2....

이 름 : 바다아이 | 조회수 : 2261

Google Code style (c) Aahan Krish <geekpanth3r@gmail.com>

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: white;
  color: black;
}

.hljs-comment,
.hljs-quote {
  color: #800;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-section,
.hljs-title,
.hljs-name {
  color: #008;
}

.hljs-variable,
.hljs-template-variable {
  color: #660;
}

.hljs-string,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-regexp {
  color: #080;
}

.hljs-literal,
.hljs-symbol,
.hljs-bullet,
.hljs-meta,
.hljs-number,
.hljs-link {
  color: #066;
}

.hljs-title,
.hljs-doctag,
.hljs-type,
.hljs-attr,
.hljs-built_in,
.hljs-builtin-name,
.hljs-params {
  color: #606;
}

.hljs-attribute,
.hljs-subst {
  color: #000;
}

.hljs-formula {
  background-color: #eee;
  font-style: italic;
}

.hljs-selector-id,
.hljs-selector-class {
  color: #9B703F
}

.hljs-addition {
  background-color: #baeeba;
}

.hljs-deletion {
  background-color: #ffc8bd;
}

.hljs-doctag,
.hljs-strong {
  font-weight: bold;
}

.hljs-emphasis {
 font-style: italic;
}
</style>
<pre>
<code class="hljs">&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;&gt;

&lt;script&gt;
function dailyMissionTimer(duration) {
 
 var timer = duration * 3600;
 var hours, minutes, seconds;
 
 var interval = setInterval(function(){
 hours	= parseInt(timer / 3600, 10);
 minutes = parseInt(timer / 60 % 60, 10);
 seconds = parseInt(timer % 60, 10);
		
 hours 	= hours &lt; 10 ? &quot;0&quot; + hours : hours;
 minutes = minutes &lt; 10 ? &quot;0&quot; + minutes : minutes;
 seconds = seconds &lt; 10 ? &quot;0&quot; + seconds : seconds;
		
 document.getElementById(&quot;time-hour&quot;).innerHTML = hours;
 document.getElementById(&quot;time-min&quot;).innerHTML = minutes;
 document.getElementById(&quot;time-sec&quot;).innerHTML = seconds;

if (--timer &lt; 0) {
 timer = 0;
 clearInterval(interval);
 }
 }, 1000);
}

dailyMissionTimer(0.001);	// hour base
&lt;/script&gt;

&lt;span id=&quot;time-hour&quot;&gt;&lt;/span&gt;
&lt;span id=&quot;time-min&quot;&gt;&lt;/span&gt;
&lt;span id=&quot;time-sec&quot;&gt;&lt;/span&gt;

</code>
출처 : http://zinee-world.tistory.com/287
</pre>

짧은 주소 : https://www.bada-ie.com/su/?811591800698

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script>
function dailyMissionTimer(duration) {
    
    var timer = duration * 3600;
    var hours, minutes, seconds;
    
    var interval = setInterval(function(){
        hours	= parseInt(timer / 3600, 10);
        minutes = parseInt(timer / 60 % 60, 10);
        seconds = parseInt(timer % 60, 10);
		
        hours 	= hours < 10 ? "0" + hours : hours;
        minutes = minutes < 10 ? "0" + minutes : minutes;
        seconds = seconds < 10 ? "0" + seconds : seconds;
		
        document.getElementById("time-hour").innerHTML = hours;
        document.getElementById("time-min").innerHTML = minutes;
        document.getElementById("time-sec").innerHTML = seconds;

        if (--timer < 0) {
            timer = 0;
            clearInterval(interval);
        }
    }, 1000);
}

dailyMissionTimer(0.001);	// hour base
</script>

<span id="time-hour"></span>
<span id="time-min"></span>
<span id="time-sec"></span>


출처 : http://zinee-world.tistory.com/287

1 page / 3 page
번 호	카테고리	제 목	이름	조회수
74	javascript/jquery	javascript 서버시간 가져오기, 서버날짜 가져오기...	바다아이	250
73	javascript/jquery	자바스크립트 쿠키 클래스, cookie class	바다아이	805
72	javascript/jquery	select 박스 3단 카테고리	바다아이	1195
71	javascript/jquery	자바스크립트 해당 년월의 마지막 날짜 구하기, 이번달 마지막 일 구하기...	바다아이	1737
70	javascript/jquery	자바스크립트 타임존 변환, timezone, 날짜, 시간 관련 편하게 작업하기... moment.js	바다아이	1868
69	javascript/jquery	textarea 의 특정 커서 cursor 위치에 문자 삽입하기. focus, 커서 cursor 위치 구하기...	바다아이	1796
68	javascript/jquery	마우스 블럭(block) 선택한 텍스트 가져오기, 마우스로 웹페이지 본문 선택한 문자만큼 가져오기...	바다아이	1736
67	javascript/jquery	textarea 특정 위치에 커서 cursor 를 옮기기, 위치시키기, focus	바다아이	2342
66	javascript/jquery	jquery ajax option 옵션 총 정리....	바다아이	1953
65	javascript/jquery	jquery open api 개발, ajax JSONP cross domain 문제, 서로 다른 도메인 문제 해결하기, error 0 문제... sop 문제	바다아이	2009
64	javascript/jquery	javascript 자바스크립트 소수점, 자리수, 반올림, 올림, 내림(버림)	바다아이	2101
63	javascript/jquery	javascript 현재시각 표시하는 디지털 시계 만들기 (date 객체)	바다아이	2193
62	javascript/jquery	CSS3 회전 속성과 javascript를 활용한 아날로그 시계	바다아이	2368
61	javascript/jquery	javascript 자바스크립트 쿠키, cookie, 만들기, 저장, 삭제, 가져오기, 얻기	바다아이	2268
60	javascript/jquery	javascript 자바스크립트 날짜 계산하는 다양한 방법	바다아이	2586
59	javascript/jquery	자바스크립트 javascript 한/영타 변환기, 한영, 한글, 영어	바다아이	2804
58	javascript/jquery	url 인코드, 디코드, encode, decode 예제...	바다아이	2083
57	javascript/jquery	javascript 자바스크립트 프레임 페이지 이동... frame location.href	바다아이	2190
56	javascript/jquery	File Upload Progress, 파일 업로드 프로그레스바.... 업로드 진행바 구현.	바다아이	2535
55	javascript/jquery	자바스크립트 javascript, json 데이터 이쁘게 출력하기, json Highlight	바다아이	2540
54	javascript/jquery	자바스크립트 javascript json 사용하기, 출력하기, JSON.stringify, JSON.parse, 변환	바다아이	2637
53	javascript/jquery	자바스크립트 javascript innerHTML, innerTEXT 사용 할 때 주의할 점...	바다아이	2375
52	javascript/jquery	자바스크립트 javascript 엔티티 entity 인코딩, 디코딩, encode, decode	바다아이	2676
51	javascript/jquery	자바스크립트 javascript post, get 값 파라미터 받기, 구하기	바다아이	3878
50	javascript/jquery	자바스크립트 text copy, 복사, How to copy a TEXT to Clipboard on a Button-Click	바다아이	2757
49	javascript/jquery	jquery autocomplete 자동완성 한글 입력시 문자, 검색어, 창 사라지는 문제.	바다아이	2514
48	javascript/jquery	자바스크립트 javascript, jquery, 검색어 자동완성 기능, autocomplete	바다아이	2847
47	javascript/jquery	자바스크립트 substring, substr, indexOf, lastIndexOf (javascript 문자열 자르기, 뒤에서 자르기, 찾기)	바다아이	2607
46	javascript/jquery	Javascript 자바스크립트 event.keyCode 키보드 코드값, 이벤트 키코드, ACSII 코드	바다아이	2250
45	javascript/jquery	자바스크립트 url encode decode 하기, 인코딩, 디코딩, javascript 한글 깨짐	바다아이	3446
1 2 3
\| \|

Copyright ⓒ 2001.12. bada-ie.com. All rights reserved.
이 사이트는 리눅스에서 firefox 기준으로 작성되었습니다. 기타 브라우저에서는 다르게 보일 수 있습니다.
[ FreeBSD + GoLang + PostgreSQL ]
서버위치 : 구글 클라우드 플랫폼 실행시간 : 0.0661 초
to webmaster... gogo sea. gogo sea.