如何在PHP中使用jQuery else自動刷新特定的div

Question

希望您周末愉快。

我在php文件中添加了一些簡單的代碼，其中顯示了到指定日期和時間為止的剩余時間。

例如：

<div class="time-remained">
// php code for displaying time remaining
</div>

我希望時間每秒鍾自動刷新一次。 為此，是否可以使用jQuery或其他方法每秒自動刷新特定的div？

非常感謝你。

Answer 1

您可以使用CoffeeScript和Moment.js動態增加時鍾。 看一下這個鏈接。 Coffeescript：使用coffeescript動態更新js時刻

Answer 2

我認為我有理想，

編寫一個JavaScript函數以向您的php時間腳本發出請求，並使用setInterval（）每秒刷新一次div。

僅作為示例。

<script>
  function chk_ajax_with_php(){
    var params = date.now();

       var url = "URL_TO_PHP_SCRIPT";
            $.ajax({
                           type: 'POST',
                           url: url,
                           dataType: 'html',
                           data: params,
                           beforeSend: function() {
                          document.getElementById("time-remained").innerHTML= "CHECKING TIME";
                                     },
                           complete: function() {

                           },
                           success: function(html) {


                                 /// html represent your outcome
                                 if(html=='keep'){

                                    chk_ajax_with_php();

                                 }else{

                                      document.getElementById("time-remained").innerHTML= html;
                                 }

                           }
                   });
}

setTimeout(function(){chk_ajax_with_php()}, 1000);


</script>

<div class="time-remained">
// THIS DIV WILL REFRESH EVERY PER SECOND
</div>