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