快捷導(dǎo)航

javascript實(shí)現(xiàn)實(shí)時(shí)輸出當(dāng)前的時(shí)間

更新時(shí)間：2015年04月27日 15:22:00 投稿：hebedich

在網(wǎng)頁中實(shí)時(shí)的顯示時(shí)間，不但可以給網(wǎng)頁添色，還可以方便瀏覽者掌握當(dāng)前時(shí)間，為了提高網(wǎng)站的開發(fā)速度，可以把主代碼封裝在一個(gè)單獨(dú)的函數(shù)里面，在需要的時(shí)候直接調(diào)用而我為了演示，直接寫在了主頁面，方便大家觀看

最近有個(gè)網(wǎng)站頁面上要輸出當(dāng)前時(shí)間，精確到時(shí)分秒，還要適時(shí)變化的。百度找了找，沒找到合適的，于是自己寫了個(gè)，收藏下，方便以后使用。

js 適時(shí)輸出當(dāng)前的時(shí)間

function CurentTime(divID){ 
  var curTime=new Array(); 
  var now=new Date(); 
  var week=['日','一','二','三','四','五','六']; 
  var year=now.getFullYear();   //年 
  var month=now.getMonth()+1;   //月 
  var day=now.getDate();      //日 
  var hh=now.getHours();      //時(shí) 
  var mm=now.getMinutes();     //分 
  var sc=now.getSeconds();     //秒 
  var wk=now.getDay();       //周 
  curTime['year']=year; 
  curTime['month']=month<10?'0'+month:month; 
  curTime['day']=day<10?'0'+day:day; 
  curTime['hh']=hh<10?'0'+hh:hh; 
  curTime['mm']=mm<10?'0'+mm:mm; 
  curTime['sc']=sc<10?'0'+sc:sc; 
  curTime['wk']='星期'+week[wk]; 
  curTime=curTime['year']+'年'+curTime['month']+'月'+curTime['day']+'日'+' '+curTime['wk']+' '+curTime['hh']+':'+curTime['mm']+':'+curTime['sc']; 
  document.getElementById(divID).innerHTML='今天是：'+curTime; 
  setTimeout('CurentTime(\''+divID+'\')',1000); 
}

使用方法：

假設(shè)頁面上存在一個(gè)id命名為time的div，則：

<script language="javascript">CurentTime('time');</script>

以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章:

相關(guān)文章

js實(shí)現(xiàn)懸浮窗效果(支持拖動(dòng))
本文主要介紹了js實(shí)現(xiàn)懸浮窗效果(支持拖動(dòng))的實(shí)例，具有很好的參考價(jià)值。下面跟著小編一起來看下吧
2017-03-03
es6學(xué)習(xí)筆記之Async函數(shù)的使用示例
async 函數(shù)，使得異步操作變得更加方便。它是 Generator 函數(shù)的語法糖。下面這篇文章主要給大家介紹了es6學(xué)習(xí)筆記之Async函數(shù)使用的相關(guān)資料，文中給出了詳細(xì)的示例代碼，需要的朋友們下面來一起看看吧。
2017-05-05
關(guān)于對(duì)async?await效率問題的深入思考
這篇文章主要給大家介紹了關(guān)于對(duì)async?await效率問題的深入思考,async和await要搭配Promise使用,它進(jìn)一步極大的改進(jìn)了Promise的寫法,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-01-01
momentjs獲取上周、上月、前三個(gè)月的起始和結(jié)束時(shí)間(附完整代碼)
這篇文章主要給大家介紹了關(guān)于momentjs獲取上周、上月、前三個(gè)月的起始和結(jié)束時(shí)間的相關(guān)資料,在需要你進(jìn)行日期處理的地方,必然少不了moment.js的使用,需要的朋友可以參考下
2023-07-07
JS事件綁定的常用方式實(shí)例總結(jié)
這篇文章主要介紹了JS事件綁定的常用方式,結(jié)合實(shí)例形式總結(jié)分析了javascript三種常見的事件綁定原理與操作技巧,需要的朋友可以參考下
2019-03-03
JS中不為人知的五種聲明Number的方式簡(jiǎn)要概述
聲明一個(gè)數(shù)值類型的變量我看到三種;我嘴角微微一笑：少年你還嫩了點(diǎn)，哪止三種，我知道的至少有五種,好奇的你可以參考下哈，希望本文可以幫助到你
2013-02-02
js實(shí)現(xiàn)圖片粘貼到網(wǎng)頁
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)圖片粘貼到網(wǎng)頁，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-12-12
小程序安全指南之如何禁止外部直接跳轉(zhuǎn)到小程序某頁面
由于小程序跳轉(zhuǎn)的對(duì)象比較多,各自的規(guī)則又不一樣,因此小程序跳轉(zhuǎn)外部鏈接是用戶咨詢較多的問題之一,下面這篇文章主要給大家介紹了關(guān)于小程序安全指南之如何禁止外部直接跳轉(zhuǎn)到小程序某頁面的相關(guān)資料,需要的朋友可以參考下
2022-09-09
Javascript客戶端將指定區(qū)域?qū)С龅絎ord、Excel的代碼
Javascript 瀏覽器客戶端導(dǎo)出指定區(qū)域到Word、Excel，非常不錯(cuò)的應(yīng)用實(shí)例
2008-10-10
js 表格拖拽效果實(shí)例代碼 (IE only)
拖拽交換Table的列（I.E. ONLY）
2010-02-02