jQuery로 게임에 자주 있는 체력 게이지를 작성해 보았다.

소개

사용하는 HTML 태그

<meter max="100" low="20" high="40" value="100"></meter>

사용하는 JavaScript

사용하는 jQuery

<meter class="test" max="100" low="20" high="40" value="100"></meter>

<script>
    var count = 0;
    var countup = function(){
      console.log(count++);
      var power = setTimeout(countup, 1000);
      $(".test").val(power); //体力回復 jQuery部分
      if(count > 100){　
        clearTimeout(power);　//clearTimeoutで時間処理STOP
      }
    }
    countup();
   </script>