20초 후 버튼 나타나게 하기 ?... 정보
20초 후 버튼 나타나게 하기 ?...
본문
네이버 검색을 보면 볓 초 후 alert 하기는 있는데 버튼을 출력하는 방법은 없더라구요 ...
20.. 19.. 18.. 17 .....
3..2..1..0.. 버튼 출력 !
하려면 어떻게 해야할까요 ...?
20.. 19.. 18.. 17 .....
3..2..1..0.. 버튼 출력 !
하려면 어떻게 해야할까요 ...?
댓글 전체

innerHTML 을 이용해서 추가하면 되지 않을까 싶네요.

일단 최초화면에서 버튼을 display:none으로 해주시고
해당버튼을 display:block으로 변경해주는 함수를 하나 선언합니다.
그리고 나서 setTimeout 함수로 해당 함수를 호출하면 되지 않을까요?
setTimeout 함수
- 오직 한번만 코드를 수행
- 원샷 타이머라고도 함
- 매개변수
1. 실행할 함수
2. 타이머동작시간 ( 1초 = 1000)
※ javascript 타이머 관련해서는 네이버에게 물어보시면 자세히 설명나와 있어요!
해당버튼을 display:block으로 변경해주는 함수를 하나 선언합니다.
그리고 나서 setTimeout 함수로 해당 함수를 호출하면 되지 않을까요?
setTimeout 함수
- 오직 한번만 코드를 수행
- 원샷 타이머라고도 함
- 매개변수
1. 실행할 함수
2. 타이머동작시간 ( 1초 = 1000)
※ javascript 타이머 관련해서는 네이버에게 물어보시면 자세히 설명나와 있어요!
function btnSetDisplay() {
-- 버튼 활성화 함수
}
타이머 실행
setTimeout("btnSetDisplay()", 20000);
<div id="aaaa"></div>
<script>
var make_num = 20;
var check_num_id = null;
var make_num_func = function()
{
document.getElementById("aaaa").innerHTML = make_num;
make_num--;
if(make_num < 0 && check_num_id){
clearInterval(check_num_id);
check_num_id=null;
}
}
check_num_id = setInteval("make_num_func", 1000);
</script>
일려나요?
<script>
var make_num = 20;
var check_num_id = null;
var make_num_func = function()
{
document.getElementById("aaaa").innerHTML = make_num;
make_num--;
if(make_num < 0 && check_num_id){
clearInterval(check_num_id);
check_num_id=null;
}
}
check_num_id = setInteval("make_num_func", 1000);
</script>
일려나요?

시간을 보여줘야 한다면 이코아리아님 답변을 참조하세요~!