是否可以在使用jQuery加载表单5秒后自动隐藏网页中的元素?
基本上,我有
<div id="successMessage">Project saved successfully!</div>
我想在5秒后消失。我看过jQuery的UI和隐藏效果,但我有点小麻烦让它以我想要的方式工作。
<script type="text/javascript">
$(function() {
function runEffect() {
var selectedEffect = 'blind';
var options = {};
$("#successMessage").hide(selectedEffect, options, 500);
};
$("#successMessage").click(function() {
runEffect();
return false;
});
});
</script>
我希望删除单击函数,并添加一个在5秒后调用runEffect()的超时方法。
发布于 2010-11-06 03:39:16
$('#selector').delay(5000).fadeOut('slow');
发布于 2015-07-02 14:09:23
您可以尝试:
setTimeout(function() {
$('#successMessage').fadeOut('fast');
}, 30000); // <-- time in milliseconds
如果你使用这个,那么你的div将在30秒后隐藏。我也尝试过这个,它对我很有效。
发布于 2017-11-08 05:04:42
请注意,在div文本消失后,您可能需要再次显示它。因此,您还需要清空该元素,然后在某个时刻重新显示该元素。
只需一行代码即可完成此操作:
$('#element_id').empty().show().html(message).delay(3000).fadeOut(300);
如果你使用的是jQuery,你不需要setTimeout,至少不需要自动隐藏元素。
https://stackoverflow.com/questions/683363
复制相似问题