0

我在 jquery 中有一个计时器，我想在刷新页面时保留该值。我正在使用带有一些 ajax 的 php 会话变量。但是当我刷新时，它会保留 N-1 而不是 N 的值。

例子 ：

我在 20 秒刷新时没有任何反应。然后当我在 18 秒刷新时，输出的就是 20 秒

这是代码：

<?php
session_start();
if (isset($_GET['number'])) {
$_SESSION['timer']=$_GET['number'];
}
?>
<!DOCTYPE html>
<html>
    <head>


 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  <script src="cookie.js"></script>

        <script>

$(window).unload(function() {

var number = $('#test').text();
alert(number);
          $.get('divb.php',{number:number},function(resultat){
                        return false;                                                       
                });



});         


$(document).ready(function(){


var numb = 30 ;                 
var numba = 100 ; 

function comptage() {

setTimeout(comptage,1000);
$('#test').html(numb);
$("#progressbar").progressbar({ value: numba });

numb -- ;
numba = numba - (numba/numb) ;


if (numb < 0 )
{

numb = 0 ; 
numba = 0 ;
}



};

comptage();












    });     







            </script>   


<style >

#affichage_point

{
position:relative;
    background-color:  #FFFFFF;
 border: 1px solid  #7375D8;
width:450px ; 
height:5px ; 
    margin-left: 200px;
    margin-top: 100px;

   padding:30px;

}

   #progressbar  {

  width : 400px ;

  }


  #progressbar > div {

  background: #7375D8;

  }


#bardivs {
    width:400px; 
     position:absolute;
      top:12px;
      left: 50px;


     }

#test {
    position:absolute;
    top:5px;
    left:5px;
}



</style>






   </head>


    <body>


    <div id = "affichage_point">
    <div id="bardivs">
    <div id="progressbar"></div>
    <div id="test"></div>
    </div>
    </div>


<?php   if (isset($_SESSION['timer'])) { ?>
     <div id ="r6"><?php echo $_SESSION['timer'] ?> </div> <br/> 
     <?php } ?>


        </body>
</html>
4

1 回答 1

0

只需使用以下代码：

所以我们只保留第一次访问时间并生成经过时间。无需将此变量存储在查询（GET）中

session_start();

if (!isset($_SESSION['start_time'])) {
    $_SESSION['start_time'] = time();
}

$elapsedTime = time() - $_SESSION['start_time'];

但是您必须以某种方式重置 start_time，猜测用户何时决定重新开始

于 2012-10-24T19:50:15.753 回答