网页数字时钟开发报错：Uncaught ReferenceError: showtime is not defined

云上老周

2026-8-20

问题排查与解决

报错原因

Digital Clock.html:16 Uncaught ReferenceError: showtime is not defined

出现这个错误有两个核心问题：

脚本标签属性误用：你使用了<script src="text/javascript">，但src属性是用来加载外部JS文件的，内联脚本应该使用type="text/javascript"（HTML5中可省略该属性，但绝对不能用src指向JS类型），这个错误导致浏览器无法解析你的内联函数代码。
函数定义不完整：showtime()函数的结束大括号}被写在了<script>标签之外，导致函数没有被正确定义在全局作用域中，浏览器找不到这个函数。

修正后的完整代码

<!DOCTYPE html>
<html>
<head>
    <title>Digital Clock</title>
</head>
<body onload="showtime()">
    <h1></h1>

    <script>
        function showtime(){
            const d = new Date();
            let h = d.getHours();
            let m = d.getMinutes();
            let s = d.getSeconds();
            let session = "AM";

            // 12小时制转换逻辑修正
            if (h > 12) {
                h -= 12;
            } else if (h === 0) {
                h = 12;
            }
            
            session = h >= 12 ? "PM" : "AM";

            // 补零处理
            h = h < 10 ? `0${h}` : h;
            m = m < 10 ? `0${m}` : m;
            s = s < 10 ? `0${s}` : s;

            const time = `${h} : ${m} : ${s} : ${session}`;
            document.querySelector('h1').textContent = time;
            setTimeout(showtime, 1000);
        }
    </script>
</body>
</html>