我正在尝试为网页创建数字时钟
我的控制器如下所示:
正文标签:
<body onload="showtime()">
<h1></h1>
</body>
脚本:
<script src="text/javascript">
function showtime(){
var d = new Date();
var h = d.getHours();
var m = d.getMinutes();
var s = d.getSeconds();
var session = "AM";
if (h > 12){
h = h - 12;
//h = 13 - 12 = 1
}
if (h>=12){
session = "PM"
}
h = h < 10 ? "0" + h : h;
m = m < 10 ? "0" + m : m;
s = s < 10 ? "0" + s : s;
var time = h + " : " + m + " : " + s + " : " + session;
document.getElementsByTagName('h1')[0].innerText = time;
setTimeout(showtime,1000);
}
现在,当我检查我的控制台,我得到的错误是:
数字时钟. html:16未捕获引用错误:未定义显示时间
3条答案
按热度按时间rxztt3cl1#
使用DOMContentLoaded事件,而不是从body标记调用函数
我不建议使用标记选择器,你可以给予h1一个id,以防止当你有多个元素有相同的标记时出现问题。
第一个
或者使用旧代码,它也会工作
第一次
mkshixfv2#
脚本标记的src属性指定脚本位置(URI)https://developer.mozilla.org/es/docs/Web/SVG/Element/script#attr-src
我想您是想使用type属性
qaxu7uf23#
只需在script标记中将“src”替换为“type”,如下所示: