使用javascript在div内显示时间am/pm

大家好，如果这个问题以前被回答过，我很抱歉，但我还没有找到解决办法。我对js完全陌生，所以请友善：）

我想问的是，如何在div中显示时间？我无法在我的页面上显示此函数。当我在浏览器中启动页面时，它只是一片空白

谢谢，我希望我的问题有意义

document.getElementById("para1").innerHTML = formatAMPM(date);

function formatAMPM(date) {
  var elem = document.getElementById("para1");
  var hours = date.getHours();
  var minutes = date.getMinutes();
  var ampm = hours >= 12 ? 'pm' : 'am';
  hours = hours % 12;
  hours = hours ? hours : 12; // the hour '0' should be '12'
  minutes = minutes < 10 ? '0'+minutes : minutes;
  var strTime = hours + ':' + minutes + ' ' + ampm;
  return strTime;
 }

document.getElementById（“para1”）.innerHTML=formatAMPM（日期）；
函数格式AMPM（日期）{
var elem=document.getElementById（“para1”）；
var hours=date.getHours（）；
var minutes=date.getMinutes（）；
var ampm=小时数>=12？“下午”：“上午”；
小时数=小时数%12；
小时数=小时数？小时数：12；//小时数“0”应为“12”
分钟=分钟<10？'0'+分钟：分钟；
var strTime=hours+'：'+minutes+''+ampm；
返回时间；
}

您需要：

document.getElementById("para1").innerHTML = formatAMPM(new Date());

您可能还希望将其包装在jQuery的

ready（）

中，以确保DOM已加载：

$(document).ready(function() {
    // Handler for .ready() called.
});

jQuery不是唯一的方法，只是一个建议。

您需要：

document.getElementById("para1").innerHTML = formatAMPM(new Date());

document.getElementById("para1").innerHTML = formatAMPM();

function formatAMPM() {
var date = new Date();
var hours = date.getHours();
var minutes = date.getMinutes();
var ampm = hours >= 12 ? 'pm' : 'am';
hours = hours % 12;
hours = hours || 12;
minutes = minutes < 10 ? '0'+minutes : minutes;
var strTime = hours + ':' + minutes + ' ' + ampm;
return strTime;
}

您可能还希望将其包装在jQuery的

ready（）

中，以确保DOM已加载：

$(document).ready(function() {
    // Handler for .ready() called.
});

jQuery不是唯一的方法，只是一个建议。

document.getElementById（“para1”）.innerHTML=formatAMPM（）；
document.getElementById("para1").innerHTML = formatAMPM();

function formatAMPM() {
var date = new Date();
var hours = date.getHours();
var minutes = date.getMinutes();
var ampm = hours >= 12 ? 'pm' : 'am';
hours = hours % 12;
hours = hours || 12;
minutes = minutes < 10 ? '0'+minutes : minutes;
var strTime = hours + ':' + minutes + ' ' + ampm;
return strTime;
}

函数formatAMPM（）{
变量日期=新日期（）；
var hours=date.getHours（）；
var minutes=date.getMinutes（）；
var ampm=小时数>=12？“下午”：“上午”；
小时数=小时数%12；
小时=小时| | 12；
分钟=分钟<10？'0'+分钟：分钟；
var strTime=hours+'：'+minutes+''+ampm；
返回时间；
}

document.getElementById（“para1”）.innerHTML=formatAMPM（）；
函数formatAMPM（）{
变量日期=新日期（）；
var hours=date.getHours（）；
var minutes=date.getMinutes（）；
var ampm=小时数>=12？“下午”：“上午”；
小时数=小时数%12；
小时=小时| | 12；
分钟=分钟<10？'0'+分钟：分钟；
var strTime=hours+'：'+minutes+''+ampm；
返回时间；
}

---

您可以使用toLocaleTimeString（）以用户熟悉的时间字符串返回它

更换将拆下秒计数器-

function formatAMPM() {
  var d=new Date().toLocaleTimeString();
  return d.replace(/^(\d{2}:\d{2}):\d{2}(.*)/, '$1$2');
}

或者你可以在计时器上调用这个或你的方法-

onload= function(){
    window.showTimer= setInterval(function(){
        var date= new Date(),
        hours= date.getHours(),
        time= date.getMinutes();
        if(time<10) time= '0'+time;
        document.getElementById("para1").innerHTML=
        (hours%12 || 12)+':'+time+(hours>= 12? ' pm':' am');
    },1000);
}

onload=function（）{
showTimer=setInterval（函数（）{
变量日期=新日期（），
小时=日期。getHours（），
time=date.getMinutes（）；
如果（时间=12？'pm'：'am'）；
},1000);
}

您可以使用toLocaleTimeString（）以用户熟悉的时间字符串返回它

更换将拆下秒计数器-

function formatAMPM() {
  var d=new Date().toLocaleTimeString();
  return d.replace(/^(\d{2}:\d{2}):\d{2}(.*)/, '$1$2');
}

或者你可以在计时器上调用这个或你的方法-

onload= function(){
    window.showTimer= setInterval(function(){
        var date= new Date(),
        hours= date.getHours(),
        time= date.getMinutes();
        if(time<10) time= '0'+time;
        document.getElementById("para1").innerHTML=
        (hours%12 || 12)+':'+time+(hours>= 12? ' pm':' am');
    },1000);
}

onload=function（）{
showTimer=setInterval（函数（）{
变量日期=新日期（），
小时=日期。getHours（），
time=date.getMinutes（）；
如果（时间=12？'pm'：'am'）；
},1000);
}

如果您使用jQuery的全部内容是

.ready（）

，

window.onload=function（）{}

是一个跨浏览器兼容的非jQuery方法。@EdgarAllanPwn，您的观点是正确的。我100%同意，如果所有人都计划使用jQuery，那么jQuery会增加很多页面权重是一个跨浏览器兼容的非jQuery方法。@EdgarAllanPwn，您的观点是正确的。如果人们计划使用jQuery，我会100%同意jQuery会增加很多页面权重或

小时数=小时数%12 | | 12考虑：
hours=hours | 12或
小时数=小时数%12 | | 12