html+js實現(xiàn)動態(tài)顯示本地時間

2024-05-06 15:52:10

字體：大中小

供稿：網(wǎng)友

顯示本地時間的方法有很多，在本文將為大家介紹下如何使用html+js實現(xiàn)動態(tài)顯示本地時間，感興趣的朋友可以了解下

復制代碼代碼如下:

<span><html>
<span> </span><body>
<span> </span> <script language = javascript>
<span> </span> setInterval("test()",1000);
function test ()
{
<span> </span>var a= new Date();
<span> </span>document.getElementById("time").innerHTML= a;
}
<span> </span> </script>
<span> </span> <h1 id = "time">
<span> </span> </h1>
</body>
</html>
</span>

不知道setInterval 是什么意思，所以百度了下。

發(fā)現(xiàn)是這個意思：

setInterval() 方法可按照指定的周期（以毫秒計）來調(diào)用函數(shù)或計算表達式。
setInterval() 方法會不停地調(diào)用函數(shù)，直到 clearInterval() 被調(diào)用或窗口被關(guān)閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數(shù)。

w3school 提供的方法為：

復制代碼代碼如下:

setInterval(code,millisec[,"lang"])

code是要調(diào)用的函數(shù)，millisec為周期，以毫秒來計算時間

復制代碼代碼如下:

<html>
<body>

<input type="text" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",50)
function clock()
{
var t=new Date()
document.getElementById("clock").value=t
}
</script>
</form>
<button>
Stop interval</button>
</body>
</html>