• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • event.timeStamp

    这个属性返回事件触发时距离1970年1月1日的毫秒数。

    event.timeStamp

    通过在代码中获得两个点之间的event.timeStamp值,并给出差值来分析事件的性能,此属性是很有用的。如果只是要确定当前的时间内的事件处理程序,使用(new Date).getTime()来代替。

    注意:有一个 bug open since 2004,这个值是不正确填充在Firefox 它是不可能知道事件的时间,在该浏览器中创建。

    例子

    显示两次点击之间的时间。

    <!DOCTYPE html>
    <html>
    <head>
      <style>
    div { height: 100px; width: 300px; margin: 10px;
          background-color: #ffd; overflow: auto; }
    </style>
      <script src="https://www.lanmper.cn/static/js/jquery-3.5.0.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>
    
    Click.