본문 바로가기
프로그래밍/jQuery

jQuery API 정복 - event.timeStamp, 이벤트 사이의 시간

by zoo10 2011. 12. 13.

event.timeStamp

원문 링크 http://api.jquery.com/event.timeStamp/

event.targetReturns : Element

개요 : 이전 이벤트와 현재 이벤트가 발생한 시간의 차이를 밀리세컨드(milliseconds)를 기준으로 알려줍니다.

  • .event.timeStamp

예 제  
마지막 이벤트 발생 시간과의 차이를 보여줍니다.

<!DOCTYPE html>
<html>
<head>
  <style>
div { height: 100px; width: 300px; margin: 10px; 
      background-color: #ffd; overflow: auto; }
</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  
<div>Click.</div>
<script>
var last, diff;
$('div').click(function(event) {
  if ( last ) {
    diff = event.timeStamp - last
    $('div').append('time since last event: ' + diff + '<br/>');
  } else {
    $('div').append('Click again.<br/>');
  }
  last = event.timeStamp;
});  
</script>

</body>
</html>

미리보기

 

밀리세컨드에 1,000을 곱하면 초단위가 되는거 다들 아시죠? (응? "이거 다 거짓말인거 다들 아시죠??" 가 문득 떠오르는.. ㅎㅎ )

그럼 즐프하세요.

※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다.