0

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

问题是计时器第一次更新但不再更新（除非我进行了整页刷新，但我想避免这样做）。我在萤火虫中没有任何错误。该函数每 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>

谢谢

4

1 回答 1

0

尝试这个：

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)设置现有实例的选项。

于 2012-10-23T21:37:35.937 回答