ویژگی elapsedTime TransitionEvent

DOM ایوینٹ TransitionEvent

تعریف و استفاده

وقتی که transitionend ایوینٹوقتی که:

نکته:اگر انتقال متوقف شود (با استفاده از خصائص CSS transition-delay)، مقدار بازگشتی تحت تأثیر قرار نمی‌گیرد.

نکته:این خصائص فقط خوانا هستند.

مثال

زمانی که انتقال چقدر طول کشیده است را مشخص کنید:

document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
  this.innerHTML = "مدت زمان انتقال: " + event.elapsedTime + " ثانیه";
}

خودتان امتحان کنید

قوانین

رویداد.elapsedTime

جزئیات فنی

مقدار بازگشتی: مقدار عددی، زمانی که انتقال در حال اجرا است را نشان می‌دهد.

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این خصائص را کاملاً پشتیبانی می‌کند.

خصائص Chrome IE Firefox Safari آپریا
elapsedTime پشتیبندی 10.0 پشتیبندی پشتیبندی پشتیبندی

متعلقہ صفحات

HTML DOM مرجع دستاویز:transitionend ایوینٹ

HTML DOM مرجع دستاویز:TransitionEvent propertyName پرزنسی

CSS مرجع دستاویز:CSS3 transition پرزنسی

CSS مرجع دستاویز:CSS3 transition-duration پرزنسی

DOM ایوینٹ TransitionEvent