我想做的是,每当有人点击我所拥有的链接时,它就会打开一个新页面 . 页面打开后,我想要一个进度条和一个计时器倒计时到零(10,9,8,7 .....,0) .
问题是,我只希望倒计时和进度条在窗口处于活动状态时倒计时/运行 . 当窗口/选项卡未激活或窗口不在顶部时,我希望计时器/进度条开始计数(1,2,3,4,5,6 ....),如果返回此页面再次计时器开始倒计时到零 . 此刻计时器将倒计时 . 当窗口未激活或任何东西时不停止 .
我的问题是:当窗口未激活或窗口不在顶部时,我怎么能这样进度条计数(1,2,3,4 ......),然后再次开始倒数到零?
提前致谢 .
这是我的代码:
function ptc_counter_start(){
//var cnt =10;
var cnt =[PTCSECOND];
var counter123 = setInterval(function() {
if (cnt>0)
{
$('#displayCounter').html(" "+cnt+" ");
cnt--;
curcount=[PTCSECOND]-cnt;
$('#progressbar div').width((curcount*100)/[PTCSECOND]+"%");
}
else
{
clearInterval(counter123);
document.getElementById("credittopframe").innerHTML="";
$.ajax({
url: '[SITEURL]ptc/creditcounter',
type: 'POST',
data: {'id':[ID]},
success: function(data) {
$('.link1, .link2').css({'display':'block'});
var member=document.getElementById("credittopframe");
if(member!==null) member.innerHTML=data;
window.opener.checkptc_ad([ID]);
}
});
}
},1000);
}