Code has been added to clipboard!

jQuery timeStamp: Learn to Track Event Performance

Reading time 1 min
Published Jan 8, 2018
Updated Sep 27, 2019

jQuery timeStamp: Main Tips

  • The event timeStamp property is used to return the number of milliseconds passed since January 1st, 1970, until the execution of an event.
  • Jquery timeStamp helps monitor event performance.

Usage of event.timeStamp

The event.timeStamp property indicates the time passed from January 1st, 1970, to a specific event in milliseconds. You can also apply this property to check performance of events: use it in two places of the code, and compare the results.

Tip: receive the current time inside an event handler by applying (new Date).getTime() method.

As you click the button provided, this example shows how many seconds passed since the onclick event occured:

Example
$("button").click((event) => {
    $("div").text(event.timeStamp);
});

Warning: due to a bug found in 2004, this value does work properly in Firefox. You cannot get the jQuery timestamp on when an event was created.

Learn jQuery
Introduction
Selectors
Events
Event Methods
Download
Callback
Chaining
Get and Set
Add Element
Remove Element
Traverse
Parent
Children
Sibling Traverse
Filtering
jQuery AJAX
Effects
Show and Hide
Fade Effect
Slide Effect
Animate Effect
Manipulate CSS
Width and Height
.addClass()
.after()
.animate()
.append()
.appendTo()
.attr()
.before()
.bind() (deprecated)
.blur()
.change()
.click()
.clone()
.css()
.dblclick()
.delay()
.delegate() and .undelegate() (deprecated)
.detach()
.empty()
.end()
.error() (deprecated)
.fadeIn()
.fadeOut()
.fadeTo()
.fadeToggle()
.finish()
.focus()
.focusIn()
.focusOut()
.hasClass()
.height()
.hide()
.hover()
.html()
.innerHeight()
.innerWidth()
.insertAfter()
.insertBefore()
.keypress()
.keyup()
.live() and .die() (deprecated)
.load() (deprecated)
.mousedown()
.mouseenter()
.mouseleave()
.mousemove()
.mouseout()
.mouseover()
.mouseup()
.off()
.offset()
.offsetParent()
.on()
.one()
.outerHeight()
.outerWidth()
.position()
.prepend()
.prependTo()
.prop()
.proxy()
.queue()
.ready()
.remove()
.removeAttr()
.removeClass()
.removeProp()
.replaceAll()
.replaceWith()
.resize()
.scroll()
.scrollLeft()
.scrollTop()
.show()
.slideDown()
.slideToggle()
.slideUp()
.stop()
.submit()
.text()
.toggle()
.toggleClass()
.trigger()
.triggerHandler()
.unbind() (deprecated)
.unload() (deprecated)
.unwrap()
.val()
.width()
.wrap()
Event Properties
event.currentTarget
event.preventDefault()
event.relatedTarget
event.stopImmediatePropagation()
event.stopPropagation()
event.target
event.timeStamp
event.type
event.which
jQuery .find()
jQuery .keydown()
jQuery.noConflict()
pageY and pageX