我想做的是,每当有人点击我所拥有的链接时,它就会打开一个新页面 . 页面打开后,我想要一个进度条和一个计时器倒计时到零(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);
    }