jquery是否支持；“交叉褪色”；html在一个div中消失，那么现有的项目消失，而新的html消失？

我有一个div，里面有一堆html。我想覆盖它以临时显示一条消息（让我们说3秒钟），但随后恢复到原来的html。支持这一点的最佳方式是什么？

试试看

setTimeout(function(){

$("#div").html("GONE");

},3000);

试试看

setTimeout(function(){

$("#div").html("GONE");

},3000);

---

您只需将HTML作为字符串存储在变量中，然后就可以恢复。看看这个

var myDiv=document.getElementById（'demo'）；
var myoldtml=myDiv.innerHTML；
myDiv.innerHTML='哇，太HTML了'；
setTimeout（函数（）{
myDiv.innerHTML=myoldtml；
}, 1000);

您只需将HTML作为字符串存储在变量中，然后就可以恢复。看看这个

var myDiv=document.getElementById（'demo'）；
var myoldtml=myDiv.innerHTML；
myDiv.innerHTML='哇，太HTML了'；
setTimeout（函数（）{
myDiv.innerHTML=myoldtml；
}, 1000);

看一看这个例子，我认为它很接近你要找的东西

仅供参考，我没做对检查一下

//忽略这一点，它只是在DOM中动态添加一个div
$（文档）.ready（函数（）{
$（'a'）。单击（函数（）{
$（'.document'）.html(
“这是一条信息”
);
});
});
函数hideMsg（）{
//隐藏动态添加的div
setTimeout（函数（）{
$（“#结果”）。幻灯片（500）；
}, 5000);
}
//倾听DOM的变化
$（'.document'）.bind（“domsubtredemodified”，hideMsg）；

看一看这个例子，我认为它很接近你要找的东西

仅供参考，我没做对检查一下

//忽略这一点，它只是在DOM中动态添加一个div
$（文档）.ready（函数（）{
$（'a'）。单击（函数（）{
$（'.document'）.html(
'这是一条消息'
);
});
});
函数hideMsg（）{
//隐藏动态添加的div
setTimeout（函数（）{
$（“#结果”）。幻灯片（500）；
}, 5000);
}
//倾听DOM的变化
$（'.document'）.bind（“domsubtredemodified”，hideMsg）；

简短回答是。您可以使用

setTimeout

。简短回答是。您可以使用

setTimeout

。谢谢@joseeight-MyOLHTML是否可以轻松使用（相对于即时替换？）。当然，我更新了小提琴，您之前提出的问题有点不同，但这应该会对您有所帮助。-基本上，您需要嵌套内容并切换元素的可见性，以便两者始终存在，而不替换内容。除非你真的想，如果你真的让我知道，我可以更新小提琴。谢谢，我实际上需要动态地做它（现在还没有），因为我显示了一个从ajax请求返回的错误，所以我不会提前知道这些信息。我想我可以把结果保存起来。然后找到替代品，但感觉有点不舒服。也就是说，我会接受你的回答，就像你正确地回答了原来的问题一样。我明白了，这仍然有效，你只需要有一个空元素，并在有消息时插入它，否则你可以添加DOM元素，这可能对你来说有点困难。这一点更简单，因为人们确实理解。我更新了小提琴以显示一条动态消息：谢谢@joseeight-MyOLHTML是否可以轻松使用（相对于即时替换？）当然，我更新了小提琴，您之前提出的问题有点不同，但这应该会对您有所帮助。-基本上，您需要嵌套内容并切换元素的可见性，以便两者始终存在，而不替换内容。除非你真的想，如果你真的让我知道，我可以更新小提琴。谢谢，我实际上需要动态地做它（现在还没有），因为我显示了一个从ajax请求返回的错误，所以我不会提前知道这些信息。我想我可以把结果保存起来。然后找到替代品，但感觉有点不舒服。也就是说，我会接受你的回答，就像你正确地回答了原来的问题一样。我明白了，这仍然有效，你只需要有一个空元素，并在有消息时插入它，否则你可以添加DOM元素，这可能对你来说有点困难。这一点更简单，因为人们确实理解。我更新小提琴以显示动态消息：

// Ignore this it's just there to dynamically add a div to DOM
$(document).ready(function(){
$('a').click(function(){
    $('.document').html(
        '<div id="result">This is a message</div>'
    );
});
});
function hideMsg(){
// Hide dynamically added div
setTimeout(function(){ 
      $('#result').slideUp(500);  
}, 5000);
}
// Listen DOM changes
$('.document').bind("DOMSubtreeModified", hideMsg);