jquery - showDiv() setTimeout 之后淡入 div

标签 jquery css settimeout fadein

非常简单的问题 - (我希望如此!)

我有一个 div,在使用以下方法加载页面的其余部分之前不会显示:

<script>
    function showDiv(){
        var obj = document.getElementById('test');
        obj.style.display = 'block';
    }
</script>

在我的html的头部,以及正文中的以下代码:

<body onLoad="setTimeout('setTimeout(showDiv()', 1000);">
<div id="test" style="display:none;">

虽然 div 在设定的时间后正确加载,但我想知道是否有办法在给定的“超时”后淡入此 div,使用类似以下内容:

<script type="text/javascript">
$(function(){  // $(document).ready shorthand
$('#test').hide().fadeIn(1500);
});
</script>
例如?此刻,div 突然出现,尽管我希望让它以某种方式淡入。我曾尝试合并这两个js函数,但最终没有成功。非常感谢任何帮助或建议!

最佳答案

$(function(){

    $('#test').hide();

    setTimeout(function(){
        $('#test').fadeIn('slow');
    },1000);

});

关于jquery - showDiv() setTimeout 之后淡入 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7153369/

相关文章:

html - 将文本对齐到 a 标签的底部

css - 样式文本框文本

javascript - NodeJS 设置超时

Javascript - setTimeout 关闭问题

javascript - componentDidMount() 中的 setTimeout() 不起作用

javascript - 如何防止 Javascript 中加载额外的函数

javascript - 使用ajax检索记录并在php中显示它们

html - 使用 :before and sprite background images

jquery 将一个标签放在其他标签周围

javascript - 动态创建的文本框中的值求和