不带jquery的带javascript的FadeIn

我有以下代码：

document.getElementById('showRtb').addEventListener('click', function () {
    document.getElementById('rtb').style.display="inline-table";    
});

document.getElementById('hideRtb').addEventListener('click', function () {
    document.getElementById('rtb').style.display="none";    
});

---

但是现在我想在没有jquery效果的情况下，只使用javascript制作FadeIn动画。没有css3和jquery。这可能吗？

您可以使用

setInterval（）

，

getComputedStyle（）

。另见

var rtb=document.getElementById（“rtb”），
定时器=空；
document.getElementById（“showRtb”）.addEventListener（“单击”，函数（）{
如果（rtb.style.opacity！=1）{
清除超时（计时器）；
rtb.style.display=“内联表”；
计时器=设置间隔（函数（）{
rtb.style.opacity=+rtb.style.opacity+.10；
if（+getComputedStyle（rtb）.getPropertyValue（“不透明度”）>=1）{
清除间隔（计时器）；
}
}, 100)
}
});
document.getElementById（“hideRtb”）.addEventListener（“单击”，函数（）{
如果（rtb.style.opacity！=0）{
清除超时（计时器）；
计时器=设置间隔（函数（）{
rtb.style.opacity=+rtb.style.opacity-.10；
如果（+getComputedStyle（rtb）.getPropertyValue（“不透明”）假设jQuery是用javascript编写的，那么这当然是可能的，或搜索构建类似内容的教程。我尝试查找类似内容，但jquery到底在哪里？因为搜索“没有jquery的fadein”我只花了1分钟就找到了代码。@Andrew“没有css3也没有jquery。”为什么问题中包含
jquery
，
css3
标记？