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

【问题标题】：How to autorefresh only one form field in wordpress如何在wordpress中仅自动刷新一个表单字段
【发布时间】：2018-04-16 21:09:24
【问题描述】：

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

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

<?php

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

[日期]

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

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

【问题讨论】：

ajax 调用定时器，或者只是 js 作为它的简单日期
怎么做？

标签： javascript php ajax wordpress gravity-forms-plugin

【解决方案1】：

此 JS sn-p 将使用您指定的格式 (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;	
  };
}

&lt;input id="time" type="text"/&gt;

【讨论】：