Javascript CSS/JS:使用参数时忽略转换

所以，我在我的HTML页面中有一个按钮。当用户点击这个按钮时，我调用一个JS函数，该函数负责显示一个ID为

form dictionary

的表单，方法是将其

display

属性从

none

设置为

inline

，然后将

不透明度从
0
设置为
1
。
opacity
属性的更改有一个与之关联的转换，在CSS文档中定义。因此，如果我这样做：

/* at the onClick function*/
timer= setTimeout(setOpacityDictionary,1);

以及
setOpacityDictionary
功能：

function setOpacityDictionary(){
    document.querySelector("form-dictionary").style.opacity = 1;
}

function setaOpacity(ID){
document.querySelector(ID).style.opacity = 1;
}

它很好用

但如果我这样做：

  /* at the onClick function*/
    timer= setTimeout(setaOpacity("#form-dicionario"),1);

以及
setOpacityDictionary
功能：

function setOpacityDictionary(){
    document.querySelector("form-dictionary").style.opacity = 1;
}

function setaOpacity(ID){
document.querySelector(ID).style.opacity = 1;
}

不透明度
确实发生了变化，但完全忽略了过渡。为什么?

PS：我知道调用
setTimeOut（）
1毫秒似乎有些愚蠢，但这对黑客来说是必要的

编辑：由于小提琴不工作，出现了一个格式化版本的代码（显示完全相同的问题）：


#格式词典{
位置：绝对位置；
盒影：0px 0px 20px#2460c7；
边框：1px实心#2460c7；
边界半径：4px；
利润上限：3倍；
不透明度：0；
显示：无；
-webkit转换：1s；
-moz跃迁：1s；
过渡：1s；
}
#表格字典{
位置：绝对位置；
底部：4px；
左：102%；
边缘底部：-2px；
}
无功定时器；
/*还有解决方案1（有效的oone）：*/
函数setOpacityDictionary（）{
document.querySelector（“#表单字典”）.style.opacity=1；
}
/*现在，一个没有*/
函数setOpacity（ID）{
document.querySelector（ID）.style.opacity=1；
}
/*现在是代码的其余部分*/
函数zeraDisplayDicionario（）{
document.querySelector（“#表单字典”）.style.display=“无”；
}
函数mostraFormDicionario（）{
event.preventDefault（）；
if（document.querySelector（“#form dictionary”）.style.opacity！=“1”）{
清除间隔（计时器）；
document.querySelector（“#表单字典”）.style.display=“inline”；
/*如果选择setOpacity Dictionary，请删除以下行并替换为：
计时器=设置超时（setOpacityDictionary，1）*/
timer=setTimeout（setOpacity（“形式字典”），1）；
}
否则{
清除间隔（计时器）；
document.querySelector（“#表单字典”）.style.opacity=0；
定时器=设置超时（zeraDisplayDicionario，1000）；
}
}
我们能拿把小提琴吗？等一下，我真的在试着。。。我还有几个小时。我会等的。提琴不起作用的原因上帝可能知道。我正在发布格式化代码。你想要这样的东西吗？