快捷導航

JS動態(tài)加載當前時間的方法

更新時間：2015年02月09日 11:39:14 作者：閃耀的瞬間

這篇文章主要介紹了JS動態(tài)加載當前時間的方法,涉及html的onload方法及javascript操作時間的技巧,需要的朋友可以參考下

本文實例講述了JS動態(tài)加載當前時間的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：

<body bgcolor="#fef4d9" onload ="time()">
  <script language="JavaScript">
function time ()
  {
  var now = new Date();
  var yr = now.getYear();
  var mName = now.getMonth() + 1;
  var dName = now.getDay() + 1;
  var dayNr = ((now.getDate()<10) ? "0" : "")+ now.getDate();
  var ampm = (now.getHours() >= 12) ? " PM" : " AM"
  var hours = now.getHours();
     hours = ((hours > 12) ? hours - 12 : hours);
  var minutes = ((now.getMinutes() < 10) ? ":0" : ":") + now.getMinutes();
  var seconds = ((now.getSeconds() < 10) ? ":0" : ":") + now.getSeconds();
  if(dName==1) Day = "星期日";
  if(dName==2) Day = "星期一";
  if(dName==3) Day = "星期二";
  if(dName==4) Day = "星期三";
  if(dName==5) Day = "星期四";
  if(dName==6) Day = "星期五";
  if(dName==7) Day = "星期六";
  if(mName==1) Month="1月";
  if(mName==2) Month="2月";
  if(mName==3) Month="3月";
  if(mName==4) Month="4月";
  if(mName==5) Month="5月";
  if(mName==6) Month="6月";
  if(mName==7) Month="7月";
  if(mName==8) Month="8月";
  if(mName==9) Month="9月";
  if(mName==10) Month="10月";
  if(mName==11) Month="11月";
  if(mName==12) Month="12月";
  var DayDateTime=(yr+ "年"+" "+ Month+ dayNr+ "日"+ Day+ " "
    + hours+ minutes+ seconds+ " "+ ampm
    );
  document.getElementById ("face").innerText=DayDateTime ;
  timerID = setTimeout("time()",1000);
  }

</script>

<form id ="form">
  <div>
   <asp:Label ID ="face" runat ="server" ></asp:Label>
  </div>
</form>
</body>

希望本文所述對大家的javascript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

詳解async/await 異步應(yīng)用的常用場景
這篇文章主要介紹了詳解async/await 異步應(yīng)用的常用場景，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-05-05
微信小程序?qū)崿F(xiàn)簡單購物車功能
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)簡單購物車功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-12-12
ElementUI在實際項目使用步驟詳解
這篇文章主要介紹了ElementUI在實際項目使用的功能總結(jié),本文分步驟通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2021-07-07
js中g(shù)etBoundingClientRect的作用及兼容方案詳解
這篇文章主要介紹了js中g(shù)etBoundingClientRect的作用及兼容方案詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-02-02
微信小程序之console.log()使用方法
console.log()?是 JavaScript 中的標準內(nèi)置函數(shù),主要用于在瀏覽器的控制臺（Console）中輸出信息,幫助開發(fā)者進行調(diào)試和跟蹤代碼運行狀態(tài),下面給大家介紹微信小程序之console.log()使用,感興趣的朋友跟隨小編一起看看吧
2024-04-04
JS去除字符串中空格的方法
這篇文章主要介紹了JS去除字符串中空格的方法,涉及javascript字符串的正則、遍歷、運算等相關(guān)操作技巧,需要的朋友可以參考下
2017-02-02
JavaScript實現(xiàn)使用Canvas繪制圖形的基本教程
本篇文章主要介紹了JavaScript實現(xiàn)使用Canvas繪制圖形的基本教程，具有一定的參考價值，感興趣的小伙伴們可以參考一下。
2016-10-10
重構(gòu)Javascript代碼示例(重構(gòu)前后對比)
回顧頭來看看那些Javascript腳本，有寫得不太理想，過于復雜?，F(xiàn)抽取出來，重構(gòu)它們,想學習javascript重構(gòu)的朋友可以參考下啊，網(wǎng)本文可以幫助你的
2013-01-01
淺析JavaScript中預編譯的原理與流程
這篇文章主要為大家詳細介紹了JavaScript中預編譯的原理與流程的相關(guān)知識,文中的示例代碼講解詳細,對我們深入了解JavaScript有一定的幫助,感興趣的小伙伴可以跟隨小編一起學習一下
2023-10-10
JavaScript實現(xiàn)簡單圖片輪播效果
這篇文章主要介紹了JavaScript實現(xiàn)簡單圖片輪播效果，點擊下標切換到該圖片上，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-08-08