'자바스크립트'에 해당되는 글 1건

  1. 2013.11.27 [Javascript]Timer/Stopwatch예제 따라하기.
WEB/Javascript2013.11.27 14:22

특정 시간 부터 시,분,초를 realtime으로 감소시키는 javascript code를 따라해 보자.


<script type="text/javascript">

window.onload = function()

{

d_timer();

}

window.onunload = function()

{

clearTimeout(timer);

}

var timer = setInterval(function() {

d_timer()

}, 1000);

var hour = {$time['H']};    //    초기치(시간)

var minute = {$time['i']};    //    초기치(분)

var second = {$time['s']};    //    초기치(초)


function d_timer()

{

second--;

if ( 0 > second )

{

if ( 0 >= minute )

{

if ( 0 >= hour )

clearTimeout(timer);

else

{

hour--;

minute = 59;

second = 59;

}

} else

{

minute--;

second = 59;

}

}

if ( 0 > second )

second = 0;

html_hour = document.getElementById('hour');

if ( 0 != hour )

html_hour.innerHTML = "<span>" + hour + "</span><span>시간</span>";

html_minute = document.getElementById('minute');

if ( 0 != second )

html_minute.innerHTML = "<span>" + minute + "</span><span>분</span>";

html_second = document.getElementById('second');

html_second.innerHTML = "<span>" + second + "</span><span>초</span>";

}

</script>

신고

'WEB > Javascript' 카테고리의 다른 글

[Javascript]Timer/Stopwatch예제 따라하기.  (0) 2013.11.27
Posted by Namseungil

티스토리 툴바