在html中显示javascript日期

  • Z时代
  • 2024-01-10
  • 分类：问答

我正试图在<p></p>标签中包含一个实时时钟。在html中显示javascript日期

我的js代码如下：

function updateClock () 
{ 
    var currentTime = new Date (); 
    var currentHours = currentTime.getHours (); 
    var currentMinutes = currentTime.getMinutes (); 
    var currentSeconds = currentTime.getSeconds (); 
    // Pad the minutes and seconds with leading zeros, if required 
    currentMinutes = (currentMinutes < 10 ? "0" : "") + currentMinutes; 
    currentSeconds = (currentSeconds < 10 ? "0" : "") + currentSeconds; 
    // Choose either "AM" or "PM" as appropriate 
    var timeOfDay = (currentHours < 12) ? "AM" : "PM"; 
    // Convert the hours component to 12-hour format if needed 
    currentHours = (currentHours > 12) ? currentHours - 12 : currentHours; 
    // Convert an hours component of "0" to "12" 
    currentHours = (currentHours == 0) ? 12 : currentHours; 
    // Compose the string for display 
    var currentTimeString = currentHours + ":" + currentMinutes + ":" + currentSeconds + " " + timeOfDay; 
    // Update the time display 
    document.getElementById("clock").firstChild.nodeValue = currentTimeString; 
}

这是在 “date.js” 文件，该文件我已经包含在HTML代码

的HTML代码

<p id="clock">&nbsp;</p>

但没有显示正确的... 任何解决方案？

回答：

document.getElementById("clock").innerHTML = currentTimeString;应该做的伎俩

回答：

http://jsfiddle.net/txzqt/

这似乎是工作得很好。我猜你忘了在这里调用updateClock()函数。

回答：

您<p>元件，其ID为“时钟”和你的值设置为

document.getElementById("clock").firstChild.nodeValue = currentTimeString;

哪里是子元素（S）为<p>，它可以在currentTimeString的值设置为上述HTML文件中不存在或未定义的元素。 。

您都可以，如果你使用的是date.js有功能做你正在做的再建的陈列做的价值像这样

document.getElementById("clock").innerHTML = currentTimeString;

回答：

第一的只是做：

var currentTimeString = new Date().toString('hh:mm:ss tt');

您必须确保在运行代码之前加载了您的页面。你是否正在运行这个onload onload？或者你是否在页面末尾调用了你的函数？这些都应该工作。

以上是 在html中显示javascript日期 的全部内容， 来源链接： utcz.com/qa/261228.html

回到顶部