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를 선택하게 할 수 있다
JS innerHTML textContent 차이는? (0) | 2023.06.15 |
---|---|
[Js] ajax post로 데이터 보내기 (0) | 2022.10.05 |
[Js] 입력 값 그대로 출력 하기 다양한 값 구하기 document.getElementById Math.round (0) | 2022.09.13 |
[js] jscript 랜덤 한 번호 출력(feat 로또번호) (0) | 2022.06.30 |
[js] javascript setInterval 타이머 설정해서 링크 이동 (0) | 2022.06.09 |
댓글 영역