Question

我需要使用<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>

页面每秒刷新一次，但不会显示函数值。

Answer 1

使用此

<body onload="change_time()">

在关闭change_time();代码之前删除</script>行。

编辑：

您忘记在加载/刷新页面时调用您的javascript方法。

要这样做 - 在html中使用body标签的onload（）事件。

Answer 2

您在加载页面时忘记调用Javascript函数。您可以使用onload节点上的body属性来实现此目的：

<body onload="change_time()">

另请参阅：How do I call a JavaScript function on page load?

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

2 个答案: