将 javascript 时钟代码从 html 文件移动到 external.js 文件

Question

所以我做了一个时钟，它很好用。 现在我想将 javascript 移动到一个外部文件中并链接到它

<SCRIPT  type="text/javascript" language="JavaScript" src="clock.js"
</SCRIPT>

我不知道如何保持更新。 我已经尝试了一些事情，结果是：页面加载时的时间是 static，每次更新都会在屏幕上打印，根本没有时间。

<html>
<head>
<script type="text/javascript">
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('startTime()',500);
}

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

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

Answer 1

你错过了结局>

< SCRIPT type="text/javascript" language="JavaScript" src="clock.js" >

所以应该是

<SCRIPT  type="text/javascript" language="JavaScript" src="clock.js">
</SCRIPT>

Answer 2

这就是我将如何做到的。 将此代码放入您的外部 js 文件中：

function startTime() {
    var today=new Date(),
        h=today.getHours(),
        m=today.getMinutes(),
        s=today.getSeconds();

    // add a zero in front of numbers<10
    m=checkTime(m);
    s=checkTime(s);
    document.getElementById('txt').innerHTML=h+":"+m+":"+s;
}

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

然后在您的主 html 页面中，如下所示：

<body onload="setInterval(startTime, 500);">

将 javascript 时钟代码从 html 文件移动到 external.js 文件

问题描述

2 个解决方案

解决方案1
0 2011-07-12 05:12:08

解决方案2
0 已采纳 2011-07-12 05:28:39

将 javascript 时钟代码从 html 文件移动到 external.js 文件

问题描述

2 个解决方案

解决方案1 0 2011-07-12 05:12:08

解决方案2 0 已采纳 2011-07-12 05:28:39

解决方案1
0 2011-07-12 05:12:08

解决方案2
0 已采纳 2011-07-12 05:28:39