是否在此javascript函数中显示fadeIn效果？

我有一个功能，在页面加载时显示加载图像：

<script>
function onReady(callback) {
    var intervalID = window.setInterval(checkReady, 1000);

    function checkReady() {
        if (document.getElementsByTagName('body')[0] !== undefined) {
            window.clearInterval(intervalID);
            callback.call(this);
        }
    }
}

function show(id, value) {
    document.getElementById(id).style.display = value ? 'block' : 'none';
}

onReady(function () {
    show('all', true);
    show('loading', false);
});
</script>

函数onReady（回调）{
var intervalID=window.setInterval（checkReady，1000）；
函数checkReady（）{
if（document.getElementsByTagName（'body'）[0]！==未定义）{
窗口。clearInterval（intervalID）；
回调。调用（此）；
}
}
}
功能显示（id、值）{
document.getElementById（id）.style.display=value？'block'：'none'；
}
onReady（函数（）{
显示（“全部”，真实）；
显示（'加载'，错误）；
});

我想做的是添加一个fadeIn效果，以便在加载完成时显示div#all

---

我可以在

功能显示中添加fadeIn效果吗？我可以使用jquery吗？有什么想法吗？
您可以使用以下功能，使用javascript实现淡入淡出效果

您可以使用以下功能使用javascript实现淡入淡出效果

您可以使用jQuery的
fadeIn
方法。e、 g

function show(id, value) {
    if(value){
        $("#" + id).fadeIn(2000);
    } else{
        $('#' +id).hide();
    }
}

您可以使用jQuery的
fadeIn
方法。e、 g

function show(id, value) {
    if(value){
        $("#" + id).fadeIn(2000);
    } else{
        $('#' +id).hide();
    }
}

把这个放在你的“头”标签上：

把这个放在你的“头”标签上：

如果您正在考虑使用jquery，为什么不花15分钟浏览？您将很快看到一个名为
fadeIn（）
的方法……我想我无法将jquery与javascript结合使用。。。这就是我问的原因。谢谢你，朋友@nnnnjquery是一组用javascript编写的函数，它不是另一种语言，你不用自己编写。如果你正在考虑使用jquery，为什么不花15分钟浏览一下呢？您将很快看到一个名为
fadeIn（）
的方法……我想我无法将jquery与javascript结合使用。。。这就是我问的原因。谢谢你，朋友@nnnnjquery是一个用javascript编写的函数集合，它不是另一种语言，您无需自己编写。
function show(id, value) {
    if(value){
        $("#" + id).fadeIn(2000);
    } else{
        $('#' +id).hide();
    }
}

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

  function show(id, value) {

if(value)
  $("#"+id).fadeIn("2000");
else
  $("#"+id).hide();
 }