如何在wordpress中仅自动刷新一个表单字段

Question

如何自动刷新/重新加载WordPress网站的一部分。示例：我需要每 1000 毫秒自动重新加载表单中的一个字段？

我在一个重力表单字段中有这个简码：

<?php
 function displaydate(){
     return date('g:i:s');
}
add_shortcode( 'date', 'displaydate' );

[日期]

它显示当前时间，

但不重新加载，因此它不显示当前时间，而是显示页面加载的时间。

我需要重新加载此字段，但仅加载此字段，而不是整个页面。

Answer 1

此 JS 代码段将使用您指定的格式 (hh：mm：ss( 每秒更新您的时间表单字段。 这将在客户端浏览器中运行，因此您不需要短代码或页面刷新。

var nowFn = setupNowFn('time', false);
nowFn(); //call immediately
setInterval(nowFn, 1000); //call again every sec
function setupNowFn(id, militaryTime) {
  return function setNow() {
    var date = new Date();
    var hours = date.getHours();
    var mins = ('0' + date.getMinutes()).slice(-2);
    var secs = ('0' + date.getSeconds()).slice(-2);
    
    if(!militaryTime) {
      hours = hours % 12;
      hours = (hours)? hours : 12;
    }
  	
    hours = ('0' + hours).slice(-2);
    var now = hours + ':' + mins + ':' + secs;
    document.getElementById(id).value = now;	
  };
}

<input id="time" type="text"/>