Question

我有一个相当简单的计时器，我在一个页面上设置，然后在另一个页面上查看倒计时。

问题是计时器第一次更新但不会再次更新（除非我进行整页刷新，但我想避免）。我在萤火虫中没有任何错误。该函数每25秒重新发送一次ajax命令 - 这是有效的，我看到时间正如预期的那样。如果我改变时间，我可以按照预期从php页面看到结果，但是如果没有实际的页面刷新，计时器本身就不会更新。我没有与此页面进行任何交互（它只是一个计时器）所以我无法更新点击。

我缺少什么想法？我知道这一定是显而易见的。

$(document).ready(function(){
suitcase();
});
setInterval(suitcase, 25000);

function suitcase() {
$.ajax({
    type: 'POST',
    url: 'timeRTN.php',
    async: false,
    cache: false,
    data: {            
        examlength: examlength
    },
    success: function(examlength) {
        $('#pauseResume').countdown({
            until: examlength,
            format: 'HMS'
        })
      },
     })
    };

HTML：

<div id="pauseResume" class="countdown"></div>

由于

Answer 1

试试这个：

function Suitcase(){
var countdownExists = false;
...
  success: function(examlength) {
    if(!countdownExists){
      $('#pauseResume').countdown({
        until: examlength,
        format: 'HMS'
      })
      countdownExists = true;
    }else{
      $('#pauseResume').countdown('option',{
        until: examlength,
        format: 'HMS'
    })

此处的文档： http://keith-wood.name/countdownRef.html

$().countdown(options)创建倒计时的新实例

$().countdown('option', options)设置现有实例的选项。

Ajax Call Only第一次更新页面

1 个答案: