Javascript：我如何定位過渡時間？

Question

我創建了一個css3動畫，其功能類似於時間條。當時間條結束時（或animatino完成），玩家應該能夠選擇使用的技能。

我現在遇到的問題是創建的代碼，它會給我選擇專門定位時間並隨意修改它的選項，因爲我使用的是CSS動畫的簡短代碼。

function timeBar (el, color) { 
    var elem = document.getElementById(el); 
    elem.style.transition = "width 6.0s, linear 0s"; 
    elem.style.background = color; 
    elem.style.width = "0px"; 
} 

正如你所看到的吧6秒填滿了，但我怎麼能寫代碼，這將讓我特別針對和改變只是時間並自行離開手短的休息嗎？我在問，因爲我想影響其他技能，如時間停頓或timeslow等。

感謝您的JQuery，但我試圖做到這一點沒有它atm，仍在學習JavaScript。

Answer 1

elem.style["transition-duration"]

是你可能要修改的屬性。請記住，您必須使用前綴才能使這項工作儘可能跨瀏覽器，例如「-webkit-過渡期限」等

也有一個不錯的jQuery插件，這樣做，如果你想：我原來是把jQuery的建議，因爲這個問題是（錯誤地）標記：http://ricostacruz.com/jquery.transit/

編輯jQuery，但當然你可以直接修改聲明的屬性。