我需要的是在chrome浏览器访问的网页中动态显示当前时间,就像将其插入原始网页一样,或者可以将其显示为背景...?

最佳答案

我不知道您到底想做什么...但是可以使用Date对象轻松读取当前时间。创建没有任何参数的新Date对象将导致当前时间Date对象。

要将其插入页面,您可以执行以下操作:

// Create a div and append it to the <body>
var div = document.createElement("div");

div.id = "time";
document.body.appendChild(div);

function clock() {
    var now = new Date(),
        h = now.getHours(),
        m = now.getMinutes(),
        s = now.getSeconds();

    // Put the current time (hh:mm:ss) inside the div
    div.textContent =
    (h>9 ? "" : "0") + h + ":" +
    (m>9 ? "" : "0") + m + ":" +
    (s>9 ? "" : "0") + s;
}

// Execute clock() every 1000 milliseconds (1 second)
setInterval(clock, 1000);


上面的代码将在页面内插入一个div,并以当前时间每秒更新其文本,例如时钟。现在,您应该将其设置为始终可见,如下所示:

#time {
    position: fixed;
    z-index: 999999999;
    top: 0;
    left: 0;
}


上面的CSS会将元素固定在页面的左上角。您可以根据需要设置样式,然后将其移至页面的其他部分。

关于javascript - 是否可以将当前时间动态地显示在chrome浏览器的网页中?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/27855110/

10-09 23:58