css js时间显示 |css图文并茂标签

在CSS中，大家可以使用::before伪元素和content属性来实现时间的展示。下面是一个例子：

.time::before {
content: "现在的时间是：" attr(data-time);
}

在上面的代码中，大家给一个空的元素添加了一个类名time，并且设置了一个自定义属性data-time来保存时间的值。然后大家利用CSS中的属性选择器和伪元素，在这个元素的前面添加了带有时间的文字。

在JavaScript中，大家可以使用Date对象来获取当前时间，并且利用setInterval函数来让时间以一定的间隔自动更新。下面是一个例子：

function updateTime() {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds();
var timeString = hours + ":" + minutes + ":" + seconds;
document.querySelector(".js-time").textContent = timeString;
}
updateTime();
setInterval(updateTime, 1000);

在上面的代码中，大家先定义了一个函数updateTime，这个函数会获取当前时间并且将它转换为一个字符串。然后大家在页面上找到一个用于展示时间的元素，并且调用textContent方法来更新它的内容。最后，大家利用setInterval函数来让这个updateTime函数每秒钟执行一次。