[Event] JQ - event.timeStamp 속성 - 이벤트 촉발 시간 반환/확인. (= 이벤트.타임스탬프 속성)

1. event.timeStamp 예제 - 이벤트 촉발 시간 반환.
2. event.timeStamp 정의
3. event.timeStamp 구문
4. event.timeStamp 예제 - 버튼 클릭 후 흐른 시간 표시.

event.timeStamp 예제 - 이벤트 촉발 시간 반환.

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

  $("button").click(function(event){

    $("div").text(event.timeStamp);

  });

});

</script>

<p>홈짱닷컴 Homzzang.com</p>

<div style="color:red" />

<button>클릭</button>

 

결과보기

event.timeStamp 정의

 

이벤트가 촉발된 시간을 1970.01.01 이후의 밀리초로 반환.

 

event.timeStamp 구문

 

event.timeStamp

 

---

[매개변수]

 

event

필수. 이벤트에 바인딩 된 함수에서 가져옴.

 

event.timeStamp 예제 - 버튼 클릭 후 흐른 시간 표시

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

  var lastms, diff;

  $("button").click(function(event){

    if (lastms){

      diff = event.timeStamp - lastms

      $("p").text("버튼 마지막 클릭 후 흐른 시간: " + diff);

    } else {

      $("p").text("한번 더 버튼 클릭.");

    }

    lastms = event.timeStamp;

  });  

});  

</script>

<button>클릭</button>

<p></p>

 

결과보기