我需要使用 <meta http-equiv="REFRESH">
来显示当前时间的变化。这是我尝试过的:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="refresh" content="1">
<script type="text/javascript">
function change_time()
{
var d = new Date();
var curr_hour = d.getHours();
var curr_min = d.getMinutes();
var curr_sec = d.getSeconds();
if(curr_hour > 12)
curr_hour = curr_hour - 12;
document.getElementById('time').innerHTML = curr_hour+':'+curr_min+':'+curr_sec;
}
change_time();
</script>
</head>
<body>
<table>
<tr>
<td>Current time is :</td>
<td id="time"></td>
<tr>
</table>
</body>
</html>
页面每秒刷新一次,但不显示函数值。
加载
页面时忘记调用 Javascript 函数。您可以通过使用 body
节点上的 onload
属性来实现这一点:
<body onload="change_time()">
另请参阅:如何在页面加载时调用 JavaScript 函数?
使用这个
<body onload="change_time()">
在关闭标记之前删除change_time();
行</script>
。
编辑:
您忘记在加载/刷新页面时调用javascript方法。
为此 - 在 html 中使用 body tag 的 onload() 事件。