phpとjquery ajaxを使ってサーバー時間を表示

Question

私はphpとjquery ajaxを使ってサーバーの日時を表示しようとしていました。以下には、以下の日時

<script type= "text/javascript" src="jquery-1.4.1.min.js"> </script> 
    <script type= "text/javascript"> 
$(document).ready(function() { 
function update() { 
    $.ajax({ 
    type: 'POST', 
    url: 'datetime.php', 
    timeout: 1000, 
    success: function(data) { 
     $("#timer").html(''); 
    window.setTimeout(update, 1000); 
    }, 
    }); 
} 
}); 

</script> 

<div id="timer"> </div> 

を表示するjqueryのスクリプトです、私は間違って何が起こっているかいないんdatetime.php

<?php 

    $msg = date('d/m/Y h:i:s'); 
    echo $msg; 

?> 

のためのPHPスクリプトです。出力が表示されません。任意のヘルプ

Answer 1

あなたはほとんどそれを持っています。あなたが空にタイマーのdivの内容を設定しているためである

$(document).ready(function() { 

    function update() { 
     $.ajax({ 
     type: 'POST', 
     url: 'datetime.php', 
     timeout: 1000, 
     success: function(data) { 
      $("#timer").html(data); 
      window.setTimeout(update, 1000); 
     } 
     }); 
    } 
    update(); 

}); 

Answer 2

：ちょうどこのライン

$("#timer").html(data); 

使い方を更新します。あなたは返されたデータで決して何もしません。

変更この行：これまで

$("#timer").html(''); 

：

$("#timer").html(data); 

それが動作するようになりました。

Answer 3

$(document).ready(function() { 

    function update() { 
     $.ajax({ 
     type: 'POST', 
     url: 'datetime.php', 
     timeout: 1000, 
     success: function(data) { 
      $("#timer").html(data); 
      window.setTimeout(update, 1000); 
     }, 
     }); 
    } 
    update(); 

}); 

日時は、ページの読み込みに表示されている場合は、上記1 ように使用それ以外の場合はonClickイベントに更新機能を呼び出すすなわちショー日時

Answer 4

あなたのJSに追加します。

$(document).ready(function() { 
    setInterval(function() { 
     $("#timer").load("datetime.php"); 
    }, 1000); 
}); 

日時を.php：

<?php 
    $msg = date('d/m/Y h:i:s'); 
    echo $msg; 
?>