javascript顯示系統(tǒng)當(dāng)前時間代碼
更新時間:2016年12月29日 09:36:14 作者:Ednah
這篇文章主要為大家詳細(xì)介紹了javascript如何顯示系統(tǒng)當(dāng)前時間代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下
運用JavaScript技術(shù),輸出系統(tǒng)當(dāng)前時間到指定位置。
代碼:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>當(dāng)前系統(tǒng)時間</title> <link rel="stylesheet" href="style.css" /> <script language="javascript" type="text/javascript"> window.onload = function(){ showTime(); } function checkTime(i){ //補位處理 if(i<10){ i='0'+i; } return i; } function showTime(){ var now=new Date(); var year=now.getFullYear(); var month=now.getMonth()+1; var day=now.getDate(); var h=now.getHours(); var m=now.getMinutes(); var s=now.getSeconds(); m=checkTime(m) s=checkTime(s) //顯示星期 var weekday=new Array(7) weekday[0]="星期日" weekday[1]="星期一" weekday[2]="星期二" weekday[3]="星期三" weekday[4]="星期四" weekday[5]="星期五" weekday[6]="星期六" document.getElementById("show").innerHTML=""+year+"年"+month+"月"+day+"日 "+weekday[now.getDay()] +" "+h+":"+m+":"+s; t=setTimeout('showTime()',500) } </script> <style type="text/css"> .content { height:50px; width:100%; background:#B1E28D; } #show { margin:0 auto; text-align:center height:50px; line-height:50px; width:500px; } </style> </head> <body> <div class="content"> <div id="show">顯示時間的位置</div> </div> </body> </html>
效果如下:
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- 基于JS代碼實現(xiàn)實時顯示系統(tǒng)時間
- JS 通過系統(tǒng)時間限定動態(tài)添加 select option的實例代碼
- js流動式效果顯示當(dāng)前系統(tǒng)時間
- 基于javascript實現(xiàn)動態(tài)顯示當(dāng)前系統(tǒng)時間
- 6種javascript顯示當(dāng)前系統(tǒng)時間代碼
- 使用iojs的jsdom庫實現(xiàn)同步系統(tǒng)時間
- jsp實現(xiàn)頁面實時顯示當(dāng)前系統(tǒng)時間的方法
- js顯示當(dāng)前系統(tǒng)時間的代碼
- javascript 顯示當(dāng)前系統(tǒng)時間代碼
- js獲取當(dāng)前時間(昨天、今天、明天)
相關(guān)文章
echarts數(shù)據(jù)可視化實現(xiàn)多個柱狀堆疊圖頂部顯示總數(shù)示例
這篇文章主要為大家介紹了echarts實現(xiàn)多個柱狀堆疊圖頂部顯示總數(shù)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-07-07詳解微信圖片防盜鏈“此圖片來自微信公眾平臺 未經(jīng)允許不得引用”的解決方案
這篇文章主要介紹了詳解微信圖片防盜鏈“此圖片來自微信公眾平臺 未經(jīng)允許不得引用”的解決方案,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-04-04使用TypeScript?V8來改進(jìn)您的JavaScript代碼
TypeScript?V8是一個強大的JavaScript類型系統(tǒng),它可以幫助你發(fā)現(xiàn)JavaScript代碼中的錯誤和潛在問題,并在編譯時捕獲它們,以便您可以解決它們,TypeScript?V8為JavaScript提供一系列的類型注釋,包括自定義類型和其他高級功能2023-08-08