Latest web development tutorials

HTML DOM Style transitionDelay 屬性

Style 對象參考手冊 Style對象

實例

在過渡效果開始前等待2 秒:

document.getElementById("myDIV").style.transitionDelay="2s";

嘗試一下»

定義和用法

transitionDelay 屬性規定過渡效果何時開始。

transitionDelay 值以秒(s)或毫秒(ms)計。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 10、Firefox、Opera 和Chrome 支持transitionDelay 屬性。

Safari 支持另一個可替代該屬性的屬性,即WebkitTransitionDelay 屬性。


語法

返回transitionDelay 屬性:

object .style.transitionDelay

設置transitionDelay 屬性:

object .style.transitionDelay="time|initial|inherit"

屬性值

描述
time 规定在过渡效果开始之前需要等待的时间,以秒或毫秒计。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

技術細節

默認值: 0
返回值: 字符串,表示元素的transition-delay 屬性。
CSS 版本 CSS3


相關文章

CSS參考手冊: transition-delay屬性


Style 對象參考手冊 Style對象