0

行。所以我正在学习如何制作时钟。去 W3schools 查看代码。现在我想从军事时间开始处理它等等。但我似乎无法让代码工作。当我获取代码并将其放入 JS 文件中时。我没有让代码运行。如果我将它作为嵌入的 HTML 放入它可以工作吗？我在这里做错了什么？

function startTime()
{
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds(); 
// add a zero in front of numbers<10
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
t=setTimeout(function(){startTime()},500);
}

function checkTime(i)
{
if (i<10)
{
i="0" + i;
  }
return i;
}

HTML如下

<!doctype html>
<html>
<head>
<meta charset="utf-8">

<title>City Clock</title>
<link rel="stylesheet" href="clock.css">
</head>

<body>  
<h1> Austen's Clock</h1>



</head>

<body onload="startTime()">
<div id="txt"></div>
</body>
</html>


<script type="text/javascript" src="clock.js"></script>
</body>
</html>
4

3 回答 3

0

移动<script type="text/javascript" src="clock.js"></script>到文档的头部

或者

像这样重写你的代码

window.onload = function  startTime() {.....
于 2013-02-13T07:35:36.293 回答
0

您已<script>在第一个结束</html>标记之后包含该标记 - 之后不应有任何其他元素，因此应忽略它们。

移动它，使其成为</body>标签内的最后一件事。

[FWIW，你的代码实际上在 MacOS X 上的 Chrome 和 Firefox中都对我有用。至少在 Chrome 中，<script>元素被浏览器自动移动到</body>标签内。]

于 2013-02-13T07:57:25.770 回答
0

回顾之前的回复：

<!doctype html>
<html>
<head>
<meta charset="utf-8">

<title>City Clock</title>
<link rel="stylesheet" href="clock.css">
<script type="text/javascript" src="clock.js"></script>
</head>

<body onload="startTime()">

<h1> Austen's Clock</h1>
<div id="txt"></div>

</body>
</html>
于 2013-02-13T08:04:29.660 回答