小編給大家分享一下如何使用JavaScript檢測CSS轉(zhuǎn)換何時結(jié)束，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

成都創(chuàng)新互聯(lián)堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站建設(shè)、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的樂業(yè)網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

檢測轉(zhuǎn)換何時結(jié)束

我們可以使用JavaScript通過點擊“ transitionend”事件來檢測CSS轉(zhuǎn)換何時結(jié)束。像設(shè)置CSS3屬性一樣需要注意的是，一些舊版本的Chrome和Safari仍然依賴于事件的前綴版本。為了考慮所有可能的前綴，我們可以使用以下函數(shù)transitionend在瀏覽器中返回支持的“ ”事件：

function gettransitionend(){     var root = document.documentElement     var transitions = {         'transition':'transitionend',         'OTransition':'oTransitionEnd',         'MozTransition':'transitionend',         'WebkitTransition':'webkitTransitionEnd'         }          for (var t in transitions){         if (root.style[t] !== undefined ){             return transitions[t];         }     }     return undefined } //Example Usage: var transitionendevt = gettransitionend() if (transitionendevt){ // if transitionend event supported by browser     element.addEventListener(transitionendevt, function(e){         // do something after end of transition     }, false) }

在這種情況下 ，  事件對象 填充了一些屬性，其中兩個更有用event.propertyName，它返回一個字符串，其中包含已轉(zhuǎn)換的CSS3屬性名稱列表，并event.elapsedTime返回轉(zhuǎn)換的持續(xù)時間（以秒為單位）。

以上是“如何使用JavaScript檢測CSS轉(zhuǎn)換何時結(jié)束”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司行業(yè)資訊頻道！

網(wǎng)頁題目：如何使用JavaScript檢測CSS轉(zhuǎn)換何時結(jié)束-創(chuàng)新互聯(lián)
網(wǎng)頁地址：http://weahome.cn/article/ddjips.html