الفرق بين المراجعتين لصفحة: «jQuery/event/timeStamp»

من موسوعة حسوب
لا ملخص تعديل
 
سطر 21: سطر 21:
<head>
<head>
   <meta charset="utf-8">
   <meta charset="utf-8">
   <title>event.timeStamp demo</title>
   <title>event.timeStamp مثال على الخاصية</title>
   <style>
   <style>
   div {
   div {
سطر 35: سطر 35:
<body>
<body>
   
   
<div>Click.</div>
<div>.انقر هنا</div>
   
   
<script>
<script>
سطر 42: سطر 42:
   if ( last ) {
   if ( last ) {
     diff = event.timeStamp - last;
     diff = event.timeStamp - last;
     $( "div" ).append( "time since last event: " + diff + "<br>" );
     $( "div" ).append( "الوقت منذ آخر حدث: " + diff + "<br>" );
   } else {
   } else {
     $( "div" ).append( "Click again.<br>" );
     $( "div" ).append( انقر مرة أخرى.<br>" );
   }
   }
   last = event.timeStamp;
   last = event.timeStamp;

المراجعة الحالية بتاريخ 12:19، 6 يونيو 2018

‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎event.timeStamp

القيمة المعادة

تعيد كائنًا من النوع Object.

الوصف

فرق الوقت محسوب بالميللي ثانية بين وقت إنشاء المتصفح للحدث وليلة رأس سنة 1970.

event.timeStamp

أضيفت في الإصدار: 1.2.6.

يمكن أن تكون هذه الخاصية مفيدة لتوصيف أداء الحدث بالحصول على قيمة event.timeStamp عند نقطتين في الشيفرة البرمجية وملاحظة الاختلاف. لتحديد الوقت الحالي داخل معالج الأحداث، يُستخدم التابع ‎(new Date).getTime()‎‎ بدلاً من ذلك.

ملاحظة: نظرًا لوجود علّة منذ عام 2004، لا تستخدم هذه القيمة بشكل صحيح في متصفح Firefox ولا يمكن معرفة وقت إنشاء الحدث في هذا المتصفح.

أمثلة

عرض الوقت منذ تنفيذ آخر معالج لحدث النقر:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>event.timeStamp مثال على الخاصية</title>
  <style>
  div {
    height: 100px;
    width: 300px;
    margin: 10px;
    background-color: #ffd;
    overflow: auto;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<div>.انقر هنا</div>
 
<script>
var last, diff;
$( "div" ).click(function( event ) {
  if ( last ) {
    diff = event.timeStamp - last;
    $( "div" ).append( "الوقت منذ آخر حدث: " + diff + "<br>" );
  } else {
    $( "div" ).append( انقر مرة أخرى.<br>" );
  }
  last = event.timeStamp;
});
</script>
 
</body>
</html>

مصادر