테스트 사이트 - 개발 중인 베타 버전입니다

자바스크립트 반복문중 궁금한것이 있습니다. 채택완료

초보자나요 9년 전 조회 4,917

setInterval을 공부하고 있는데요

아래 예제문에서


<script type="text/javascript">
var playAlert = setInterval(function() {
   alert('안녕하세요');
}, 3000);
</script>

 

3초 간격으로 안녕하세요 가 출력되는데요

 

만약

 

<script type="text/javascript">
var playAlert = setInterval(function() {
   alert('안녕하세요');
   alert('반갑습니다');
   alert('부탁드려요');
}, 3000);
</script>

3초 후 안녕하세요 그리고 3초 있다가 반갑습니다 또 3초 후 부탁드려요
이렇게 출력하려면 어떻게 해야할까요?



 

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
9년 전

var arr = ['안녕하세요', '반갑습니다', '부탁드려요'], i = 0;;

var playAlert = setInterval(function() {

if (i == arr.length - 1) clearTimeout(playAlert);

alert(arr[i++]);

}, 3000);

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

초보자나요
9년 전
슈와이님 답변 고마워요.
그런데요 alert 부분을 스크립트로 하려면 어떻게 해야할까요?

<script type="text/javascript">
var playAlert = setInterval(function() {
script1();
script2();
script3();
}, 3000);
</script>

이런식으로 스크립트가 3초 간격으로 하고 싶은데 잘 안되네요^^
슈와이
9년 전
var arr = [], i = 0;
arr[0] = function() {
alert('0');
}
arr[1] = function() {
alert('1');
}
arr[2] = function() {
alert('2');
}
setInterval(function() { i %= 3; arr[i++]() }, 3000);

댓글을 작성하려면 로그인이 필요합니다.

p
9년 전

초보자가 공부하기에는 아래 소스와 같이 해보시면 도움이 되지 않을까 보여집니다.

</p><p><script type="text/javascript">
var i = 1;
var playAlert = function() {
 if(i == 1){
  alert('안녕하세요.');
 } else if(i == 2){
  alert('반갑습니다.');
 } else if(i == 3){
  alert('부탁드려요.');
 }
   if(i == 3) {
    i = 1;
   } else {
    i = i +1;
   }
}
setInterval(playAlert, 3000);
</script> </p><p>
 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

y
9년 전

<script type="text/javascript">
var playAlert = function() {
   alert('안녕하세요');
}

setInterval(playAlert, 3000);
</script> 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인