html+js實(shí)現(xiàn)動(dòng)態(tài)顯示本地時(shí)間
更新時(shí)間:2013年09月21日 16:09:40 作者:
顯示本地時(shí)間的方法有很多,在本文將為大家介紹下如何使用html+js實(shí)現(xiàn)動(dòng)態(tài)顯示本地時(shí)間,感興趣的朋友可以了解下
復(fù)制代碼 代碼如下:
<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)是這個(gè)意思:
setInterval() 方法可按照指定的周期(以毫秒計(jì))來調(diào)用函數(shù)或計(jì)算表達(dá)式。
setInterval() 方法會(huì)不停地調(diào)用函數(shù),直到 clearInterval() 被調(diào)用或窗口被關(guān)閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數(shù)。
w3school 提供的方法為:
復(fù)制代碼 代碼如下:
setInterval(code,millisec[,"lang"])
code是要調(diào)用的函數(shù),millisec為周期,以毫秒來計(jì)算時(shí)間
復(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>
您可能感興趣的文章:
- 純JS實(shí)現(xiàn)動(dòng)態(tài)時(shí)間顯示代碼
- 基于javascript實(shí)現(xiàn)動(dòng)態(tài)顯示當(dāng)前系統(tǒng)時(shí)間
- 純js實(shí)現(xiàn)動(dòng)態(tài)時(shí)間顯示
- js顯示動(dòng)態(tài)時(shí)間的方法詳解
- JS動(dòng)態(tài)獲取當(dāng)前時(shí)間,并寫到特定的區(qū)域
- JS動(dòng)態(tài)日期時(shí)間的獲取方法
- JS實(shí)現(xiàn)HTML頁面中動(dòng)態(tài)顯示當(dāng)前時(shí)間完整示例
- JS實(shí)現(xiàn)日期時(shí)間動(dòng)態(tài)顯示的方法
- javascript頁面動(dòng)態(tài)顯示時(shí)間變化示例代碼
- JavaScript實(shí)現(xiàn)同步于本地時(shí)間的動(dòng)態(tài)時(shí)間顯示方法
- javascript動(dòng)態(tài)獲取登錄時(shí)間和在線時(shí)長
- js動(dòng)態(tài)獲取時(shí)間的方法分析
相關(guān)文章
微信小程序?qū)崿F(xiàn)手機(jī)驗(yàn)證碼登錄
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)手機(jī)驗(yàn)證碼登錄,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-05-05js實(shí)現(xiàn)股票實(shí)時(shí)刷新數(shù)據(jù)案例
下面小編就為大家?guī)硪黄猨s實(shí)現(xiàn)股票實(shí)時(shí)刷新數(shù)據(jù)案例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-05-05iview通過Dropdown(下拉菜單)實(shí)現(xiàn)的右鍵菜單
這篇文章主要介紹了iview通過Dropdown(下拉菜單)實(shí)現(xiàn)的右鍵菜單 ,需要的朋友可以參考下2018-10-10微信小程序scroll-view的滾動(dòng)條設(shè)置實(shí)現(xiàn)
這篇文章主要介紹了微信小程序scroll-view的滾動(dòng)條設(shè)置實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03兼容最新firefox、chrome和IE的javascript圖片預(yù)覽實(shí)現(xiàn)代碼
這篇文章主要介紹了兼容最新firefox、chrome和IE的javascript圖片預(yù)覽實(shí)現(xiàn)代碼,測試了瀏覽器firefox6、firefox12、chrome 25.0.1364.172 m、IE6-IE10 都兼容,需要的朋友可以參考下2014-08-08基于Three.js實(shí)現(xiàn)3D玉兔效果的示例代碼
2022年中秋佳節(jié)即將來臨,中秋節(jié)是我們國家的傳統(tǒng)節(jié)日。而中秋與玉兔又往往會(huì)聯(lián)系在一起,本文將用Threejs做一只會(huì)動(dòng)的3D玉兔,感興趣的可以了解一下2022-08-08純JavaScript 實(shí)現(xiàn)flappy bird小游戲?qū)嵗a
這篇文章主要介紹了純JavaScript 實(shí)現(xiàn)flappy bird小游戲?qū)嵗a,b本文分七大步驟給大家介紹,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-09-09