Re: [問題] "沒有在瀏覽網頁"該怎麼偵測?

[tomin (藍藍紫黃橘 粉灰白綠咖)]

※ 引述《poopoo888888 (阿川)》之銘言：
: 各位大大好
: 瀏覽Facebook時 如果把瀏覽器縮小或是正在看別的分頁
: 那當有人送訊息時　facebook頁面的title就會開始閃爍文字　並且會有音效
: 請問這該怎麼做到呢？
: "沒有在瀏覽這個頁面"該怎麼偵測?
: 另外閃爍title以及播放音效的js該怎麼寫呢
: 煩請大大解答
: 謝謝！
如推文所說

https://sites.google.com/site/tominxd/outOfPage.html?attredirects=0&d=1

<a href="#">Got a msg in 5 secs.</a>
<div id="msg"/>
<div id="sound"/>

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1");</script>
<script type="text/javascript">
$("html").mouseleave(function(){
        $("#msg").prepend("<div>you leave at " + new Date() + "</div>");
});
function titleBlank(){
        $("title").html("&nbsp;");
        setTimeout("titleMsg()", 1000);
}
function titleMsg(){
        $("title").html(title);
}
function gotMsg(){
        var date = new Date();
        title = "New Message:" + date;
        $("title").html(title);
        tmsg = setInterval("titleBlank()", 2000);
        $("#msg").prepend("<div>msg came at " + date + "</div>");
        $("#sound").html("<iframe width='0' height='1'
        src='http://www.youtube.com/embed/3ca7tHTutQY?autoplay=1'
        frameborder=0></iframe>");
}
$(window).mouseover(function(){
        $("title").html("Demo");
        if(tmsg!=null)clearInterval(tmsg);
});
$("a").click(function(){
        $("#msg").prepend("<div>msg sent at " + new Date() + "</div>");
        msg = setTimeout("gotMsg()",5000);
});
</script>

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 140.122.30.198
推 poopoo888888:感謝！　馬上來研究！