상세 컨텐츠

본문 제목

[Js] 시간지나면 설정한 링크로 이동

script

by 2hansoul 2022. 10. 24. 11:30

본문

반응형

 

 

https://hansoul.tistory.com/161

 

javascript setInterval 타이머 설정해서 링크 이동

See the Pen Untitled by hansol (@2hansoul) on CodePen. time = 10 10초로 변수를 설정하고 time-- 하면 0 이 될때까지 시간이 간다 빠르게 보여주려고 10초로 설정 했지만 처음 구성은 5분25초로 구성 했다

hansoul.tistory.com

저번에도 비슷한 건 있었는데 저번 과 다른점은 저번에는 시간이 지나면 바로 알림창이 떴지만 

지금은 시간이 지나면 해당 버튼을 눌러야 이동이 가능하게 설정 하였다 

<script>
function move(){
     if(confirm("이동하시려면 yes 아니면 no"))
 {
     location.href="https://hansoul.tistory.com/";
 }
 else
 {
 alert('no를 누르셨습니다');
 }
}
var time = 3;
var min = "";
var sec= "";

var x = setInterval(function(){

        sec= time%60;

    document.getElementById("test").innerHTML = '다운로드까지 '+sec+'초 남았습니다.';
    time--;

if(time < 0){
 clearInterval(x);
   document.querySelector("#test").innerHTML = "gogogogo";
}
} , 1000);
</script>
<div id='test' onclick="move()" style="cursor: pointer;color:red"></div>

move 라는 함수를 추가 하였다 confirm 사용시 yes,no를 선택하게 할 수 있다

 

 

 

 
반응형

관련글 더보기

댓글 영역