如何使用 <meta http-equiv= "REFRESH" > 显示当前时间



我需要使用 <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() 事件。

最新更新