快捷導(dǎo)航

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

更新時間：2013年09月21日 16:09:40 作者：

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

 
<span style="font-size:18px"><html> 
<span style="white-space:pre"> </span><body> 
<span style="white-space:pre"> </span> <script language = javascript> 
<span style="white-space:pre"> </span> setInterval("test()",1000); 
function test () 
{ 
<span style="white-space:pre"> </span>var a= new Date(); 
<span style="white-space:pre"> </span>document.getElementById("time").innerHTML= a; 
} 
<span style="white-space:pre"> </span> </script> 
<span style="white-space:pre"> </span> <h1 id = "time"> 
<span style="white-space:pre"> </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 提供的方法為：

復(fù)制代碼代碼如下:

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

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

復(fù)制代碼代碼如下:

 
<html> 
<body> 

<input type="text" id="clock" 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 onclick="int=window.clearInterval(int)"> 
Stop interval</button>
</body> 
</html> 

您可能感興趣的文章:

相關(guān)文章

JavaScript三種獲取URL參數(shù)值的方法
這篇文章主要介紹了JavaScript三種獲取URL參數(shù)值的方法，文章圍繞主題展開詳細的內(nèi)容戒殺，具有一定的參考價值，需要的小伙伴可以參考一下
2022-09-09
javascript禁止訪客復(fù)制網(wǎng)頁內(nèi)容的實現(xiàn)代碼
這篇文章主要介紹了javascript禁止訪客復(fù)制網(wǎng)頁內(nèi)容的方法,具有一定參考借鑒價值,需要的朋友可以參考下
2015-08-08
BootStrap中Datetimepicker和uploadify插件應(yīng)用實例小結(jié)
這篇文章主要介紹了BootStrap中Datetimepicker和uploadify插件應(yīng)用實例小結(jié)的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下
2016-05-05
ant-design-pro?的EditableProTable表格驗證調(diào)用的實現(xiàn)代碼
這篇文章主要介紹了ant-design-pro?的EditableProTable表格驗證調(diào)用,這里的需求是點擊外部的保存要對整個表單進行驗證，本文通過實例代碼給大家介紹的非常詳細，需要的朋友可以參考下
2022-06-06
Express實現(xiàn)前端后端通信上傳圖片之存儲數(shù)據(jù)庫（mysql）傻瓜式教程（二）
這篇文章主要介紹了Express實現(xiàn)前端后端通信上傳圖片之存儲數(shù)據(jù)庫（mysql）傻瓜教程（二）的相關(guān)資料,需要的朋友可以參考下
2015-12-12
JavaScript中的偏函數(shù)你理解了嗎
JavaScript中的偏函數(shù)（Partial?Function）是指一個函數(shù)，它是由另一個函數(shù)通過固定一些參數(shù)而得到的，從而產(chǎn)生了一個新的函數(shù)，本文主要來和大家聊聊偏函數(shù)的原理與使用，希望對大家有所幫助
2023-05-05
js中幾種循環(huán)的退出方式實例總結(jié)
提到在一段程序中如果碰到需要終止,結(jié)束一個循環(huán),函數(shù)或者一段代碼,一般會想到以下這幾個關(guān)鍵字return、continue、break,這篇文章主要給大家介紹了關(guān)于js中幾種循環(huán)的退出方式,需要的朋友可以參考下
2022-12-12
Bootstrap前端開發(fā)案例一
Bootstrap前端開發(fā)案例一，這篇文章能夠幫助大家更還好的進行前端開發(fā)Bootstrap，相信大家會愛上Bootstrap
2016-06-06
純js實現(xiàn)背景圖片切換效果代碼
現(xiàn)在純粹用js的人越來越少了，更多的人喜歡jquery，可使我還是喜歡javascript，下面給出一個用javascript寫的背景切換的小例子，各位大蝦不要罵，只是寫給自己看的，也供js事件的產(chǎn)考依據(jù)。
2010-11-11
使用Layui搭建后臺管理界面的操作方法
今天小編就為大家分享一篇使用Layui搭建后臺管理界面的操作方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09