作者tomin (蓝蓝紫黄橘 粉灰白绿咖)
看板Ajax
标题Re: [问题] "没有在浏览网页"该怎麽侦测?
时间Thu Jun 16 04:18:11 2011
※ 引述《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(" ");
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='
https://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
1F：推 poopoo888888:感谢！ 马上来研究！ 06/16 23:15