0

このスクリプトに基づいて:

jsフィドル

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を自動削除することは可能ですか?

ありがとう

4

2 に答える 2

1

以下を on() コールバックの一部として配置します。

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

詳細については、 setTimeout のドキュメントを参照してください。また、座標を示すラベルを削除する必要があります。

于 2013-01-03T18:50:25.083 に答える
0

編集済み: iframeのコンテンツを削除する場合は、次のリンクをたどることができます:
iFrameからのコンテンツのアンロード/削除次 のようなタイマーに入れる必要があります:

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

javascriptでのタイミングの詳細については、次のリンクをたどることができます。JavaScriptタイミングイベント
お 役に立てば幸いです。

于 2013-01-03T18:38:41.360 に答える