JavaScript时间在文本字段中而不是更新

时间:2015-04-11 18:43:30

标签: javascript

不确定为什么这个JavaScript将时间放在空白文本字段中并每秒更新一次。我试图让JavaScript在顶部有一个标签,表示当前时间,然后是一个文本字段,其当前时间每秒更新一次。

    <html>
<head>
<title>Timer</title>
<script language="javascript" type="text/javascript">
var dateform
speed=2000
tid=0;
function dodate()
{
f.date.value=new Date();
tid=window.setTimeout("dodate()",speed);
}
function start(x)
{
  f=x 
  tid=window.setTimeout("dodate()",speed);
}
function cleartid()
{
  window.clearTimeout(tid);
}
</script>
</head>
<body onload="start(document.dateform) ;">
<center>
The Digital Clock
<FORM name="dateform" action="post">
<input type="text" name="date" size=30>
</FORM>
</center>
</body>
</html>

1 个答案:

答案 0 :(得分:2)

您需要使用的方法是setInterval并进行少量更改:

var dateform
speed=1000
tid=0;
function dodate()
{
f.date.value=new Date();
}
function start(x)
{
  f=x 
  tid=window.setInterval("dodate()",speed);
}
function cleartid()
{
  window.clearTimeout(tid);
}