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 に答える