[javascript] Interval

javascript에서는 일정한 시간동안 주기적으로 함수를 호출할 수 있다.

현재 시간을 보여주는 웹

현재시간은

Sun Jul 29 2018 17:47:36 GMT+0900 (한국 표준시)

<div class="title">
  <h1>현재시간은</h1>
</div>
<div class="containers">
  <p id="current"></p>
</div>
<script type="text/javascript">
  function currentTime() {
    document.getElementById('current').innerHTML = new Date();
  }

  setInterval("currentTime()", 1000);
</script>

• setInterval("currentTime()", 1000); 은 currentTime() 함수를 1초에 한번씩 실행시킨다.

타이머를 설정한 앱

• 통화 시간 체크
• 통화 요금 체크

전화하는 시간은  입니다. 
전화 요금은  입니다.

<form name="form1">
  전화하는 시간은
  <input type="text" size="10" name="formSec"> 입니다.

  <br>
  전화 요금은
  <input type="text" size="10" name="formWon"> 입니다.
</form>

<script type="text/javascript">
  var myCount = 1;

  function func() {
    document.form1.formSec.value = myCount + "초";
    document.form1.formWon.value = ((Math.floor(myCount/5) * 10) + 10) + "원";
    myCount = myCount + 1;
  }

  setInterval("func()", 1000);
</script>

• setInterval("func()", 1000); 은 func() 함수를 1초에 한번씩 실행시킨다.

출처 : https://qkrrudtjr954.github.io/javascript/2018/01/18/javascript-interval.html