JavaScript + CSS3動畫無法正常工作？

Question

我目前正在編程一個名爲quickly.js的庫。有conceal(milliseconds)和display()功能，其中有動畫，通過CSS編程。隱藏功能動畫工作正常，但顯示功能動畫無法正常工作。它不會淡入，而是突然出現。這是一個展示bug的JSFiddle：https://jsfiddle.net/v6esmqtf/6/。

Answer 1

你根本沒有display功能設置。

Element.prototype.conceal = function(ms) { 
    ms = ms || 0; 
    var thisStyle = this.style; 
    thisStyle.opacity = 0; 
    setTimeout(function() { 
    thisStyle.display = "none"; 
    }, ms); 
}; 

Element.prototype.display = function(ms) { 
    ms = ms || 0; 
    var thisStyle = this.style; 
    thisStyle.display = ""; 
    setTimeout(function() { 
    thisStyle.opacity = 1; 
    }, ms); 
}; 

然後......

document.getElementById("conceal").onclick = function() { 
    document.getElementById("get").conceal(800); 
}; 

document.getElementById("display").onclick = function() { 
    document.getElementById("get").display(0); 
}; 

希望這有助於。