js计时器 定时刷新不活动的页面,若页面活动,则不刷新

SunJiong 发布于 2013/08/05 16:20
阅读 1K+
收藏 0

设置30秒页面刷新,若鼠标移到时,计时器停止。若不移到,则30秒刷新一次

有没有详细的实现方式
加载中
0
进击的程序员
进击的程序员
<style>
   #test{width: 200px;height: 200px;background-color: grey;opacity: 0.5}
</style>
<script src="http://code.jquery.com/jquery-2.0.3.js"></script>


<body>
	<div id="test"></div>
</body>
<script type="text/javascript">

var timeLen=3*1000*10;
var timer=setInterval(function(){
    console.log("refresh");
},timeLen);
$("#test").mouseover(function(){
    clearInterval(timer);
    console.log("stop");
}).mouseout(function(){
	timer=setInterval(function(){
       console.log("refresh");
    },timeLen);
});
</script>
0
th小米粥
th小米粥
有一个页面失去焦点,和一个页面得到焦点的事件。当失去焦点时三十秒后调用某方法。得到焦点时把定时器去掉。
th小米粥
th小米粥
去w3c看一下
_zhaochao
_zhaochao
问下 怎样可以判断某个页面得到了焦点?
返回顶部
顶部