下面时间代码没有系统时间显示出来!DOCTYPE htmlhtml lang=enhead meta charset=UTF-8 meta http-equiv=X-UA-Compatible content=IE=Edge meta name=viewport content=width=device-width initial-scale=1 title个人简约引导页title !-
代码中缺少时间显示的元素,可以在页面中添加一个空的 <span> 元素,并设置一个 id,例如:
<span id="bc_time"></span>
然后在 JavaScript 代码中使用 document.getElementById() 方法获取该元素,并将时间字符串赋值给它的 innerHTML 属性,例如:
var timeElement = document.getElementById('bc_time');
timeElement.innerHTML = time;
最终的 JavaScript 代码应该类似于:
function showTime() {
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
var hour = date.getHours();
var minute = date.getMinutes();
var second = date.getSeconds();
month = month < 10 ? '0' + month : month;
day = day < 10 ? '0' + day : day;
hour = hour < 10 ? '0' + hour : hour;
minute = minute < 10 ? '0' + minute : minute;
second = second < 10 ? '0' + second : second;
var time = year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second;
var timeElement = document.getElementById('bc_time');
timeElement.innerHTML = time;
setTimeout(showTime, 1000);
}
showTime();
原文地址: https://www.cveoy.top/t/topic/1z8 著作权归作者所有。请勿转载和采集!