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ǔ)上進(jìn)行創(chuàng)新，添加一些樣式進(jìn)去，希望本文對大家熟練掌握javascript實現(xiàn)日期時間動態(tài)顯示有所幫助。
您可能感興趣的文章:
相關(guān)文章
由于安全方面的考慮，Javascript被限制了跨域訪問的能力，但是有時候我們希望能夠做一些合理的跨域訪問的事情，那么怎么辦呢？2009-02-02
很不錯的兩款Bootstrap Icon圖標(biāo)選擇組件
這篇文章主要介紹了不容錯過的兩款Bootstrap Icon圖標(biāo)選擇組件，支持自定義的圖標(biāo)，拿出來分享下，絕對的干貨，感興趣的小伙伴們可以參考一下2016-01-01
這篇文章主要為大家詳細(xì)介紹了javascript單頁面手勢滑屏切換原理，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要針對JavaScript數(shù)組操作函數(shù)push，pop，join，shift，unshift，slice，splice，concat進(jìn)行總結(jié)，感興趣的小伙伴們可以參考一下2016-08-08
js驗證表單第二部分...2006-11-11
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)Fly Bird小游戲的制作方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript語言實現(xiàn)多彩線條擺出心形效果，文中的實現(xiàn)步驟講解詳細(xì)，快跟隨小編一起動手嘗試一下吧2022-07-07
三種動態(tài)加載js的jquery實例代碼另附去除js方法
這篇文章主要介紹了三種動態(tài)加載js的jquery實例代碼另附去除js方法,需要的朋友可以參考下2014-04-04
關(guān)于排序算法的問題可以在網(wǎng)上搜到一大堆，但是純 JS 版比較零散，之前面試的時候特意整理了一遍，附帶排序效率比較2018-04-04
這篇文章主要介紹了微信小程序事件綁定基本語法示例詳解,本文通過實例代碼給大家介紹的非常詳細(xì),感興趣的朋友一起看看吧2025-04-04