Javascript 延迟页面加载时触发CSS转换

因此，我已经成功地测试了两个图像的css淡入过渡效果，使用以下Javascript作为触发器，以便在页面加载时启动（而不是悬停或单击）。现在，我如何在转换开始时添加10秒的延迟？我原本希望一个简单的“过渡延迟：10秒”就能奏效，但它似乎被忽视了。我不想使用关键帧动画，因为它与旧浏览器不兼容

以下是脚本：

<script type="text/javascript">
        window.onload = function(){
            document.body.setAttribute("class", document.body.getAttribute('class') + " loaded");
        }
    </script>

---

正确的功能是：

window.onload = setTimeout(function(){document.body.setAttribute("class", document.body.getAttribute('class') + " loaded");}),10000)

如果您正在寻找一个javascript专用的解决方案（适用于所有内容）

---

我还假设这只适用于页面的初始加载。

实际上，我打算有三个过渡序列，从一个图像淡入到另一个图像，都从初始页面加载开始。

window.onload = setTimeout(function(){document.body.setAttribute("class", document.body.getAttribute('class') + " loaded");}),10000)