Bootstrap 未捕获引用错误:未定义显示时间

ssm49v7z  于 2022-12-07  发布在  Bootstrap
关注(0)|答案(3)|浏览(123)

我正在尝试为网页创建数字时钟
我的控制器如下所示:
正文标签:

<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未捕获引用错误:未定义显示时间

rxztt3cl

rxztt3cl1#

使用DOMContentLoaded事件,而不是从body标记调用函数
我不建议使用标记选择器,你可以给予h1一个id,以防止当你有多个元素有相同的标记时出现问题。
第一个
或者使用旧代码,它也会工作
第一次

mkshixfv

mkshixfv2#

<script src="text/javascript">

脚本标记的src属性指定脚本位置(URI)https://developer.mozilla.org/es/docs/Web/SVG/Element/script#attr-src
我想您是想使用type属性

<script type="text/javascript">
qaxu7uf2

qaxu7uf23#

只需在script标记中将“src”替换为“type”,如下所示:

<script type="text/javascript">

相关问题