jquery - jQuery - X 秒后删除 iFrame 内的不可见 div？

Question

基于此脚本：

jsFiddle

var W=0, H=0, X=0, Y=0;
$(".iframe").each(function(i,el){
   W = $(el).width();
   H = $(el).height();
   X = $(el).position().left;
   Y = $(el).position().top;
   $(this).after('<div class="overlay" />');
    $(this).next('.overlay').css({
        width: W,
        height: H,
        left: X,
        top: Y        
    });
});

// TRACK MOUSE POSITIONS (the overlay will prevent clicks on iframe page)
var mx = 0, my = 0;
$('.overlay').on('mousemove click',function(e){
    mx = e.clientX - $(this).position().left;
    my = e.clientY - $(this).position().top;

    if(e.type==='click'){
        alert('clicked at: X='+mx+' Y='+my)
    }        
});

是否可以在 X 秒后自动删除不可见的 div？

谢谢

Answer 1

将以下内容作为 on() 回调的一部分。

window.setTimeout(function(){
                     $('.overlay').remove();
                  }, 10000); //10 sec delay

有关详细信息，请参阅setTimeout 文档。您还需要删除显示坐标的标签。

Answer 2

编辑：如果你想删除 iframe 的内容，你可以点击这个链接：
从 iFrame 中卸载/删除内容 你应该把它放在一个像这样的计时器中：

// delete after 3 seconds.
var myVar = setInterval(function(){myTimer()},3000);
function myTimer()
{
   // remove the div
   $('#yourDiv').remove();
}

有关 javascript 计时的更多信息，您可以点击此链接：JavaScript Timing Events
希望对您有所帮助。