0 
jQuery(document).ready(function() {
function updateTime() {
    $("#wtime").append('<p>Wacht nog: <?php echo $wait_time; ?></p> '); 
}

updateTime();
setInterval(updateTime, 1000); });

div #wtime を毎秒更新したいのですが、現在は時刻のみが表示され、更新されていません

4

2 に答える 2

2

サーバーから取得した時間をJavaScriptDate()オブジェクトに解析し、それを毎秒インクリメントする必要があります。

これが実用的なフィドルです：

// Make sure $wait_time has a valid format so that Date() can parse it.
// var serverTime  = new Date('<?php echo $wait_time; ?>');
var serverTime = new Date();

function updateTime() {
    /// Increment serverTime by 1 second and update the html for '#time'
    serverTime = new Date(serverTime.getTime() + 1000);
    $('#time').html(serverTime.toGMTString());
}

$(function() {
    updateTime();
    setInterval(updateTime, 1000);
});​

関連する HTML:

<div id="wtime">
    <p>Wacht nog: <span id="time"></span></p>        
</div>​

それが役に立てば幸い。

于 2012-11-09T17:55:56.840 に答える
0

私の小さなテスト。

  <!DOCTYPE html>
  <head>
  <html> 
  <head> 
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
  <script> 
  $(document).ready(function(){
  function updateTime() {
  var currtime = new Date();
  var currtime1 = new Date(currtime.getTime());
  var currtime2 = new Date(currtime.toGMTString());
  var currtime3 = (currtime.getHours() + ":"+ currtime.getMinutes() + ":" + currtime.getSeconds());
  $('#1').html(currtime1);
  $('#2').html(currtime2);
  $('#3').html(currtime3);       
  }
  setInterval(updateTime, 1000); // 1000 miliseconds 
  }); 
  </script> 
  </head> 
  <body>
  <h1>
  <b> 
  <div id="1">The Current time is: </div>
  </br>
  <div id="2">The Current time is: </div>
  </br>
  <div id="3">The Current time is: </div>
  </b> 
  </h1> 
  </body> 
  </html>
于 2014-09-23T19:47:22.740 に答える