setTimeout

정해진 시간이 되면 코드를 호출하고 종료
setTimeout(함수, 시간);
시간은 ms로 계산

1. 1초 후에 alert창과 배경색이 바뀌도록 설정

<script>
  setTimeout(fuction() {
    alert("Hello!")
  }, 1000); //1초

  setTimeout(function() {
    document.body.bgColor="red";
  }, 1000);
</script>

jsp10_setTimeout_01

2. 3초 후에 텍스트 창에 현재시간 표시

<form name="form1">
  <input type="text" name="txt1" value="3초 후 현재 시간 표시" onfocus="this.value=''">
</form>

<script>
  var txt1 = document.form1.txt1;
  var now = new Date();

  setTimeout(function() {
    txt1.value = now.toLocaleTimeString();
  }, 3000);
</script>

jsp10_setTimeout_02

💗 개발 공부하는 블로그입니다. 틀리거나 문제될게 있다면 코멘트 부탁드립니다. 👉👈