如何在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"/>