如何在 JS 和 HTML 中使用计时事件执行时钟 [重复]答案

【问题标题】：How to performing clock with timing event in JS and HTML [duplicate]如何在 JS 和 HTML 中使用计时事件执行时钟 [重复]
【发布时间】：2017-09-08 08:19:16
【问题描述】：

我设置了一个带有计时事件的时钟，并希望在 html 文件中显示。我有 2 个文件，分别是 js 和 html 文件。 js是用计时事件配置时钟，html文件是显示计时。

我的代码在下面找到。
时钟.html：

<html>
<head>
<title>Clock with a timing event</title>
<script src="clock.js"></script>
<script type="text/javascript" src="/Cesium-1.34/ThirdParty/jquery-1.11.3.min.js"></script>
</head>
<body>
<h1 id="txt"></h1>
</body>
</html>

js:

    $(function () {
        function startTime() {
            var today = new Date();
            var h = today.getHours();
            var min = today.getMinutes();
            var s = today.getSeconds();
            var y = today.getFullYear();
            var mon = today.getMonth()+1;
            var d = today.getDate();
            min = checkTime(min);
            s = checkTime(s);
            mon = checkTime(mon);
            d = checkTime(d);
            document.getElementById('todaytime').innerHTML = " "+ d + "/" + mon + "/" +y + "  " + h + ":" + min + ":" + s + " SGT ";
            var t = setTimeout(startTime, 500);
        }
        function checkTime(i) {
            if (i < 10) {i = "0" + i};  // add zero in front of numbers < 10
            return i;
        }
 });

错误状态：

"Uncaught ReferenceError: $ is not defined"

我的问题是如何从 js 中获取值并显示在 html 文件中。

【问题讨论】：

$ is undefined 错误意味着您需要在页面中包含 jquery.js
包含 jquery 库链接
该死的我是多么愚蠢。叹息....我已经为此苦苦挣扎了好几个小时

标签： javascript jquery html date

【解决方案1】：

您当前的代码存在三个问题：

第一个是你永远不会在任何地方调用 startTime() 函数，因此它永远不会启动
第二个是你的目标是一个ID为todaytime的元素，而你的HTML有一个ID为txt的元素
第三个问题是您的函数被一个不存在的函数 (jQuery) 包装，因此只需删除开头的 $(function () { 和最后一个 }

这里是更正后的代码：JSFIDDLE DEMO

【讨论】：

感谢纠正我的代码，如果我想使用jquery，那该怎么做？？？
如果您想使用 jQuery，请忽略我描述的最后一个问题，并确保您的页面中包含 jQuery .js 文件（即在您的 <head> 中使用 <script> 标签），并且任何依赖于它的代码（即clock.js）都会在之后引用您包含jQuery - 在您的情况下，您应该更改包含两个<script>s 的顺序。
这两个脚本中的顺序是必须的吗？？？？
是的，在开始使用 jQuery 之前需要包含 jQuery