Javascript 将当前时间添加到我的页面上的特定部分_Javascript_Html_Dom

Javascript 将当前时间添加到我的页面上的特定部分

javascript html dom

Javascript 将当前时间添加到我的页面上的特定部分,javascript,html,dom,Javascript,Html,Dom,因此，我在HTML文件上创建了一个div id=“time”，并对其进行了定位，以便当前时间可以显示在我创建的边界内网站的左上角。因此，我希望当前时间显示在我制作的网站左上角的边框内，但这样做有困难： HTML文件： <div id="time"> </div> 我的js文件： var time = document.getElementById("time") var currentTime = new Date() var hours = c

因此，我在HTML文件上创建了一个

div id=“time”

，并对其进行了定位，以便当前时间可以显示在我创建的边界内网站的左上角。因此，我希望当前时间显示在我制作的网站左上角的边框内，但这样做有困难：

HTML文件：

    <div id="time">

    </div>

我的js文件：

var time = document.getElementById("time")

var currentTime = new Date()
var hours = currentTime.getHours()
var minutes = currentTime.getMinutes()

if (minutes < 10)
    minutes = "0" + minutes

var suffix = "AM";
if (hours >= 12) {
    suffix = "PM";
    hours = hours - 12;
}
if (hours == 0) {
    hours = 12;
}

document.write("<b>" + hours + ":" + minutes + " " + suffix + "</b>")

var-time=document.getElementById（“时间”）
var currentTime=新日期（）
var hours=currentTime.getHours（）
var minutes=currentTime.getMinutes（）
如果（分钟<10）
分钟数=“0”+分钟数
var suffix=“AM”；
如果（小时数>=12）{
后缀=“PM”；
小时=小时-12；
}
如果（小时==0）{
小时=12；
}
文件。写（“+hours+”：“+minutes+”+后缀+”）

当前时间确实成功显示，但它没有显示在我希望它显示的位置（它始终显示在页面底部）。也许DOM有问题

试试这个：

var-time=document.getElementById（“时间”）
var currentTime=新日期（）
var hours=currentTime.getHours（）
var minutes=currentTime.getMinutes（）
如果（分钟<10）
分钟数=“0”+分钟数
var suffix=“AM”；
如果（小时数>=12）{
后缀=“PM”；
小时=小时-12；
}
如果（小时==0）{
小时=12；
}
time.innerHTML=“+hours+”：“+minutes+”“+suffix+”
这是您的解决方案。。您所要做的就是将document.getElementById（）放在div id=“time”之后。它工作得很好
<html>
<head>
    <script>

var currentTime = new Date()
var hours = currentTime.getHours()
var minutes = currentTime.getMinutes()

if (minutes < 10)
minutes = "0" + minutes

var suffix = "AM";
if (hours >= 12) {
suffix = "PM";
hours = hours - 12;
}
if (hours == 0) {
hours = 12;
}
    </script>
    </head>
    <body>

        <div id="time" style="position:absolute; bottom:0; right:0;">123
        </div>
    </body>
    <script>
        document.getElementById("time").innerHTML="<b>" + hours + ":" +minutes + " " + suffix + "</b>";
    </script>

</html>


var currentTime=新日期（）
var hours=currentTime.getHours（）
var minutes=currentTime.getMinutes（）
如果（分钟<10）
分钟数=“0”+分钟数
var suffix=“AM”；
如果（小时数>=12）{
后缀=“PM”；
小时=小时-12；
}
如果（小时==0）{
小时=12；
}
123
document.getElementById（“时间”）.innerHTML=“+hours+”：“+minutes+”“+suffix+”；
您声明了var时间，但没有使用它。将time.innerHTML值设置为日期，而不是document.write：
time.innerHTML = "<b>"+ hours +":"+ minutes +" "+ suffix +"</b>";

time.innerHTML=“+hours+”：“+minutes+”+后缀+”；

通过这种方式，您可以将id为“time”的div放在希望日期显示在页面上的任何位置
也可以查看一下，而不是手动操作字符串。这基本上是因为在声明了id为“time”的元素的hook/reference-var time
之后，您根本不用它！您应该参考time
变量，并使用innerHTML
属性添加带有“计算”时间的内容。您应该将一些答案标记为正确。。