如何将Javascript运行时间放入输入标记中

感谢我获得运行时间Javascript代码的人（清除了我的历史记录，忘记了网站，很抱歉。）获取时间Javascript代码

<script type="text/javascript">
  function DisplayTime(){
    if (!document.all && !document.getElementById)
      return
    timeElement=document.getElementById? document.getElementById("mytime"): document.all.tick2
    var CurrentDate=new Date()
    var hours=CurrentDate.getHours()
    var minutes=CurrentDate.getMinutes()
    var seconds=CurrentDate.getSeconds()
    var DayNight="PM"
    if (hours<12) DayNight="AM";
    if (hours>12) hours=hours-12;
    if (hours==0) hours=12;
    if (minutes<=9) minutes="0"+minutes;
    if (seconds<=9) seconds="0"+seconds;
    var currentTime=hours+":"+minutes+":"+seconds+" "+DayNight;
    timeElement.innerHTML="<font style='font-family:verdana, arial,tahoma;font- size:12px;color:#E25984; font-weight:bold;'>"+currentTime+"</b>"
    setTimeout("DisplayTime()",1000)
  }
  window.onload=DisplayTime
</script>

函数DisplayTime（）{
如果（！document.all&&！document.getElementById）
返回
timeElement=document.getElementById？document.getElementById（“mytime”）：document.all.tick2
var CurrentDate=新日期（）
var hours=CurrentDate.getHours（）
var minutes=CurrentDate.getMinutes（）
var seconds=CurrentDate.getSeconds（）
var DayNight=“PM”
如果（小时12）小时=小时12；
如果（小时=0）小时=12；
如果（分钟用于输入标记，则
innerHtml
属性不正确。请改用
值
属性：

timeElement.value = currentTime;

如果以后您希望应用某些样式，请改用CSS：

timeElement.style.fontWeight = 'bold';
timeElement.style.fontFamily = 'Verdana';
timeElement.style.fontSize = '12px';
timeElement.style.color = '#E25984';

html:


时间

js:

window.onload=setInterval(
函数DisplayTime（）{
如果（！document.all&&！document.getElementById）
返回；
timeElement=document.getElementById？document.getElementById（“mytime”）：document.all.tick2；
var CurrentDate=新日期（）；
var hours=CurrentDate.getHours（）；
var minutes=CurrentDate.getMinutes（）；
var seconds=CurrentDate.getSeconds（）；
var DayNight=“PM”；
如果（小时12）小时=小时12；
如果（小时===0）小时=12；
如果代码中有（分钟：

> function DisplayTime(){

按照惯例，以大写字母开头的标识符是为构造函数保留的。普通函数名称应该以小写字母开头

>    if (!document.all && !document.getElementById)
>    return
>    timeElement=document.getElementById? document.getElementById("mytime"): document.all.tick2

我怀疑使用中是否有任何浏览器需要文档。总之，你可以一箭双雕：

    var timeElement = document.getElementById && document.getElementById("mytime");
    if (!timeElement) return;


注意，以大写字母开头的变量名通常是为构造函数保留的，并且由于这个变量是内部的，并且很清楚它是日期对象，并且这个函数中的唯一日期对象，考虑使名称更短以方便：
    var d = new Date(); 


不要将字符串传递给setTimeout，它被传递给函数构造函数，传递函数是一种缓慢而低效的方式，只需传递一个引用即可。另外，将函数设置为在下一整秒后运行。因此，完整函数变为：

// This looks long winded, but it provides a robust way to set
// the text content for any browser in use. Since this uses a
// function expression, it must be before any code that calls setText
var setText = (function() {
    var div = document.createElement('div');

    if (typeof div.textContent == 'string') {
      div = null;
      return function (el, s) {
        el.textContent = s;
      }
    } else if (typeof div.innerText == 'string') {
      div = null;
      return function (el, s) {
        el.innerText = s;
      }
    } else {
      div = null;
      return function (el, s) {
        while (el.firstChild) {
          el.removeChild(el.firstChild);
        }
        el.appendChild(document.createTextNode(s));
      }
    }
}());

function displayTime(){

    var timeElement = document.getElementById && document.getElementById("mytime");

    if (!timeElement) return;

    var d = new Date();
    function addZ(n){return (n<10? '0' : '') + n;}
    var h = d.getHours();
    var ampm = h < 12? 'AM' : 'PM';
    h = h % 12 || 12;
    var timeString = [addZ(h), addZ(d.getMinutes()), addZ(d.getSeconds())].join(':') + ' ' + ampm;
    if (typeof timeElement.textContent == 'string') {
      timeElement.textContent = timeString;
    } else if (typeof timeElement.innerText == 'string') {
      setText(timeElement, timeString);
    }

    // Schedule to run just after next full second
    setTimeout(displayTime, 1020 - d.getMilliseconds());
}

// Start when page loads
window.onload = displayTime; 

//这看起来很冗长，但它提供了一种强大的设置方法
//正在使用的任何浏览器的文本内容。因为它使用
//函数表达式，它必须位于调用setText的任何代码之前
var setText=（函数（）{
var div=document.createElement（'div'）；
if（typeof div.textContent=='string'）{
div=null；
返回函数（el，s）{
el.textContent=s；
}
}else if（typeof div.innerText=='string'）{
div=null；
返回函数（el，s）{
el.innerText=s；
}
}否则{
div=null；
返回函数（el，s）{
而（第一个孩子）{
el.removeChild（el.firstChild）；
}
el.appendChild（document.createTextNode）；
}
}
}());
函数displayTime（）{
var timeElement=document.getElementById&&document.getElementById（“mytime”）；
如果（！timeElement）返回；
var d=新日期（）；
函数addZ（n）{返回（n您希望通过执行
？您的脚本是javascript，而不是php。这只是一个测试。我可以在输入标记中使用php显示时间。并且无法通过Javascipt.javasript来输入标记。这是可能的，对吗？document.all？它不是1990或更多。font？同样的东西。这是您发现的一些错误代码。我忘了从这里来感谢所有人：）感谢RobG：如何从该DIV（“mytime”）获取到另一个页面的值？我很困惑，因为我们使用了Javasript（对JAVASCRIPT了解不多）。是否可以在1stpage.php中显示时间，并将该时间输入2ndpage.php？能否再给我一次指导？请。如果您只是显示当前时间，则无需将其从一个面板移动到另一个面板，您只需使用当前系统时间。如果您从服务器发送特定时间，并希望它显示在c上然后，您只需要计算客户端和服务器之间的偏移量（应该是15分钟的倍数）。最后，您可以使用cookie存储一个页面中的某些值，然后从下一个页面读取。但是为什么不在新页面请求中发送值，并在新页面中返回它呢？
>    if (!document.all && !document.getElementById)
>    return
>    timeElement=document.getElementById? document.getElementById("mytime"): document.all.tick2

    var timeElement = document.getElementById && document.getElementById("mytime");
    if (!timeElement) return;

>  var CurrentDate=new Date()

    var d = new Date(); 

> var hours=CurrentDate.getHours()
> var minutes=CurrentDate.getMinutes()
> var seconds=CurrentDate.getSeconds()
> var DayNight="PM"
> if (hours<12) DayNight="AM";
> if (hours>12) hours=hours-12;
> if (hours==0) hours=12;
> if (minutes<=9) minutes="0"+minutes;
> if (seconds<=9) seconds="0"+seconds;
> var currentTime=hours+":"+minutes+":"+seconds+" "+DayNight;

function addZ(n){return (n<10? '0' : '') + n;}
var h = d.getHours();
var ampm = h < 12? 'AM' : 'PM';
h = h % 12 || 12;
var timeString = [addZ(h), addZ(d.getMinutes()), addZ(d.getSeconds())].join(':');

> timeElement.innerHTML="<font style='font-family:verdana, arial,tahoma;font- size:12px;color:#E25984; font-weight:bold;'>"+currentTime+"</b>"

> setTimeout("DisplayTime()",1000)
> }

// This looks long winded, but it provides a robust way to set
// the text content for any browser in use. Since this uses a
// function expression, it must be before any code that calls setText
var setText = (function() {
    var div = document.createElement('div');

    if (typeof div.textContent == 'string') {
      div = null;
      return function (el, s) {
        el.textContent = s;
      }
    } else if (typeof div.innerText == 'string') {
      div = null;
      return function (el, s) {
        el.innerText = s;
      }
    } else {
      div = null;
      return function (el, s) {
        while (el.firstChild) {
          el.removeChild(el.firstChild);
        }
        el.appendChild(document.createTextNode(s));
      }
    }
}());

function displayTime(){

    var timeElement = document.getElementById && document.getElementById("mytime");

    if (!timeElement) return;

    var d = new Date();
    function addZ(n){return (n<10? '0' : '') + n;}
    var h = d.getHours();
    var ampm = h < 12? 'AM' : 'PM';
    h = h % 12 || 12;
    var timeString = [addZ(h), addZ(d.getMinutes()), addZ(d.getSeconds())].join(':') + ' ' + ampm;
    if (typeof timeElement.textContent == 'string') {
      timeElement.textContent = timeString;
    } else if (typeof timeElement.innerText == 'string') {
      setText(timeElement, timeString);
    }

    // Schedule to run just after next full second
    setTimeout(displayTime, 1020 - d.getMilliseconds());
}

// Start when page loads
window.onload = displayTime; 

<div id="mytime"></div>