我需要的是在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/