<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
 <title></title> 
</head> 
<body> 
 <form id="form1" runat="server"> 
 <div> 
 <script type="text/javascript"> 
  document.write("<span id=lblTime width='118px' height='11px' Font-Size='9pt' style='color:Red' ></span>") //輸出顯示日期的容器 
  //每1000毫秒(即1秒) 執(zhí)行一次本段代碼 
  setInterval("lblTime.innerText=new Date().toLocaleString()", 1000) 
</script> 
 </div> 
 </form> 
</body> 
</html>

還有運(yùn)行效果圖：

是不是很簡(jiǎn)單，這是最基礎(chǔ)的頁(yè)面動(dòng)態(tài)顯示時(shí)間變化的方法，大家可以在這個(gè)基礎(chǔ)上進(jìn)行創(chuàng)新，添加一些樣式進(jìn)去，希望本文對(duì)大家熟練掌握javascript實(shí)現(xiàn)日期時(shí)間動(dòng)態(tài)顯示有所幫助。

您可能感興趣的文章:

相關(guān)文章

JS腳本根據(jù)手機(jī)瀏覽器類型跳轉(zhuǎn)WAP手機(jī)網(wǎng)站（兩種方式）
隨著移動(dòng)互聯(lián)網(wǎng)的不斷普及，企業(yè)的網(wǎng)絡(luò)宣傳不僅只局限在PC端，還要在移動(dòng)端發(fā)展。我們?cè)谧约旱木W(wǎng)站做了WAP手機(jī)完整之后，如果有用戶通過(guò)手機(jī)訪問(wèn)我們的企業(yè)頂級(jí)域名網(wǎng)站，就要判斷跳轉(zhuǎn)到專為的WAP網(wǎng)站，下面小編給大家整理有關(guān)手機(jī)瀏覽器跳轉(zhuǎn)WAP手機(jī)網(wǎng)站的相關(guān)內(nèi)容
2015-08-08
JavaScript實(shí)現(xiàn)的原生態(tài)兼容IE6可調(diào)可控滾動(dòng)文字功能詳解
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的原生態(tài)兼容IE6可調(diào)可控滾動(dòng)文字功能,簡(jiǎn)單說(shuō)明了文字滾動(dòng)的實(shí)現(xiàn)原理并結(jié)合具體實(shí)例形式給出了javascript文字滾動(dòng)功能的具體實(shí)現(xiàn)代碼,需要的朋友可以參考下
2017-09-09
一文讓你徹底弄懂js中undefined和null的區(qū)別
JavaScript是一門(mén)動(dòng)態(tài)類型語(yǔ)言,元素除了表示存在的空值外,還有可能根本就不存在,這就是undefined存在的原因,這篇文章主要給大家介紹了關(guān)于undefined和null區(qū)別的相關(guān)資料,需要的朋友可以參考下
2022-03-03
JS獲取子窗口中返回的數(shù)據(jù)實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇JS獲取子窗口中返回的數(shù)據(jù)實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-05-05
使用element-plus時(shí)重寫(xiě)樣式不起作用的問(wèn)題及解決方法
這篇文章給大家介紹使用element-plus時(shí)重寫(xiě)樣式不起作用的問(wèn)題及解決方法,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧
2023-09-09
解決layer彈出層msg的文字不顯示的問(wèn)題
今天小編就為大家分享一篇解決layer彈出層msg的文字不顯示的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-09-09
微信小程序?qū)崿F(xiàn)上傳圖片的功能
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)上傳圖片的功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-08-08
JS設(shè)置下拉列表框當(dāng)前所選值的方法
這篇文章主要介紹了JS設(shè)置下拉列表框當(dāng)前所選值的方法,涉及JavaScript結(jié)合jsp動(dòng)態(tài)設(shè)置select下拉列表框的相關(guān)技巧,需要的朋友可以參考下
2015-12-12
JS+Canvas實(shí)現(xiàn)貪吃蛇小游戲
這篇文章介紹了JS+Canvas實(shí)現(xiàn)貪吃蛇小游戲，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-01-01
javascript貪吃蛇游戲設(shè)計(jì)與實(shí)現(xiàn)
這篇文章主要為大家詳細(xì)介紹了javascript貪吃蛇游戲設(shè)計(jì)與實(shí)現(xiàn)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-09-09